使用bootstrap的栅格系统，怎么禁止响应式

Question

用bootstrap的栅格系统做前端界面，但是做出的网页是响应式的，怎么能够禁止响应式，让网页是非响应式的？应该加什么代码？

Answer 1

在bootstap的CSS后加载后，把container的宽度写死

Answer 2

禁止响应式布局有如下几步：
移除 此 CSS 文档中提到的设置浏览器视口（viewport）的标签：。
通过为 .container 类设置一个 width 值从而覆盖框架的默认 width 设置，例如 width: 970px !important; 。请确保这些设置全部放在默认的 Bootstrap CSS 文件的后面。注意，如果你把它放到媒体查询中，也可以略去 !important 。
如果使用了导航条，需要移除所有导航条的折叠和展开行为。
对于栅格布局，额外增加 .col-xs-* 类或替换掉 .col-md-* 和 .col-lg-*。 不要担心，针对超小屏幕设备的栅格系统能够在所有分辨率的环境下展开。
针对 IE8 仍然需要额外引入 Respond.js 文件（由于仍然利用了浏览器对媒体查询（media query）的支持，因此还需要做处理）。这样就禁用了 Bootstrap 对移动设备的响应式支持。

Answer 3

官方文档对此有说明

http://v3.bootcss.com/getting-started/#disable-responsive

里面还有一个示范的例子。所以这里就不直接粘贴过来了。