Question

bootstrap响应式布局是必须要把所有元素写在栅格里面实现响应式，还是只引入bootstrap文件就可以呢？

如果是前一种，那请问bootstrap的栅格结构是干什么用的？还有bootstrap是如何实现响应式布局的。

我在网上查了bootstrap 3.x以上版本已经把bootstrap-responsive.css文件给删了，我更不知道怎么用了。求大神指导！急，在线等！！！！

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励10（财富值+成长值）+提问者悬赏10（财富值+成长值）

Answer 1

你好，很高兴为你作答。
bootstrap-responsive.css文件是为了兼容更多的移动设备使用的，你可以查看源码，内部是一些媒体查询代码。bs的响应式在bootstrap.css文件里面就有的。

bootstrap的栅格结构并不是通过该文件实现，只要你使用row - col-xx-数字 的方式就可以实现响应式，版本2的话应该是 row span数字 的形式实现响应式。

也就是说，bootstrap-responsive.css类似强化文件（兼容更多的设备），不知道有没有为楼主解惑呢。

追问

是不是我必须要用bootstrap里面的类才可以实现响应式？我看了源码，里面写了很多768px，不是有三种分辨率的临界点吗？那如果在手机上看是不是会乱掉？（如果我要自己添加元素和类，是不是要写在栅格里面才能实现响应式？）

追答

如果选择了bootstrap就没必要自己写样式了，只需用他的col-md col-lg col-xx等放在div实现栅栏即可。bs本身就是“移动设备优先”的，所以，请放心使用。

追问

非常感谢，我在想是不是要把元素写在container类里面才能实现响应式呢？

非常感谢，我在想是不是要把元素写在container类里面才能实现响应式呢？

追答

嗯，布局就按官方中文站的资料进行布局。用多了之后，就会自己有自己的见解了。