Bootstrap 3 - 无响应？答案

【问题标题】：Bootstrap 3 - non-responsive?Bootstrap 3 - 无响应？
【发布时间】：2013-08-21 07:36:36
【问题描述】：

我在我的 WordPress 主题中使用 Bootstrap 3。大多数网站都会使用响应式功能，但对于一些托管数据可视化的页面，我想强制使用固定宽度。

我将如何设置这种不响应？

（如果有某种 body 类（.non-responsive）可以优先于响应式功能，那会更好吗？）

【问题讨论】：

用你自己的风格覆盖类。如果.container 类也有fixed-width 类，则为它添加一个固定宽度。

标签： wordpress twitter-bootstrap responsive-design

【解决方案1】：

Bootstrap 文档中有一段关于禁用响应性： http://getbootstrap.com/getting-started/#disable-responsive

禁用响应式视图的步骤
要禁用响应功能，按着这些次序。

删除（或不添加）CSS 中提到的视口<meta> 文档

删除所有网格层的.container 上的max-width max-width: none !important; 并设置像 width: 970px; 这样的常规宽度。确保它出现在默认的 Bootstrap CSS 之后。你可以选择避免 !important 与媒体查询或一些选择器-fu。

如果使用导航栏，请撤消所有导航栏折叠和扩展行为（这里显示太多了，所以偷看例子）。

对于网格布局，另外使用.col-xs-* 类到或代替中/大的。别担心，超小的设备网格可扩展到所有分辨率，因此您已设置在那里。你会 IE8 仍然需要 Respond.js（因为我们的媒体查询仍然存在并且需要被拿起）。这只是禁用了“移动网站” 引导程序。

【讨论】：

【解决方案2】：

这个怎么样？

.non-responsive { width: 800px !important; }  //or whatever width you want it to be

【讨论】：