1111

你的 meta 貌似少设置了点东西：

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

能本地最好，直接使用BootstrapCDN也是可以的。

@media screen and (min-width:480px) {

                    body{

background: blue;

}

}

这个应该是max-width:480px

有的，你搜bootstrap中文版就行

兄弟呀你问问题要把你的源码贴出来！

可以在自己的样式表中用他的类名 重新写一个颜色 会覆盖原有样式表的颜色的，其他方法暂时不知道。还有一些网站可以修改这些颜色之类的，比如https://work.smarchal.com/twbscolor/3.3.7/css/e74c3cc0392becf0f1ffbbbc0 不过我没用过

如果你对响应式，非常熟练 那任何网站都没问题的

jser.me用这个试试

栅格布局划分成12列 col-6也就是占据了一半的空间

<p class="pull-right visible-xs">

<button class="btn-xs btn btn-primary">Toggle</button>

</p>

这样是可以实现的，是不是一开始的css文件没导入

你是怎么写的，是nav有一个container，下面布局又有一个！

先说结果：不是隐藏了，而是跑到页面的最下面。

因为它是栅格布局的一部分，并且被分配了col-md-3；

当屏幕不断缩小，超过col-md的界限，col-md所规定的所有栅格便从水平排列，自动切换到堆砌饿的竖直排列；

因为左侧的col-md-9内容比较多（包含巨幕和内嵌的栅格），所以课程中list-group挤到下面后你看不到。

关于这一点老师没有拉下去给我们看罢了

在bootStrap官网上，可以下载到本，也可以填写网址在线使用

是不是布局有问题，老师写了很多div嵌套，有可能你的嵌套搞错了没注意

你把你那个引用连接打开看看

我的理解是： 当设备宽度应该大于某一像素（比如100px），那么100px就是允许的最小宽度（min即minimum,最小值），反之，当设备宽度应该小于某一像素（比如500px），那么500px就是允许的最大宽度

没绑定事件怎么会有反应

可能是你引用错了，你看看路径引用对了没，这是我引用的

<link href="bootstrap-3.3.7/css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="jquery-3.3.1.min.js"></script>
<script src="bootstrap-3.3.7/js/bootstrap.min.js"></script>

这么快就没拉，这下碉堡了。还没完成一半、

看那个右边弹出的功能 老是想用自己手写js实现...

和比例关系不大。

  设备之间的差异化展示  写成了 设备只见的差异化展示

这么做是为了兼容更多的设备

在xs时必然会列状排列

12行的margin-bottom值和14行的margin-top值谁大谁起作用，可以改大改小分别试试，看看效果亲~答案是没有问题的哦~您可能对if...elseif...else的逻辑运算没有看清楚哦~可以仔细阅读一下我们知识内容部分的讲解哦~

http://getbootstrap.com/examples/offcanvas/