0

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

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

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

4

2 回答 2

2

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

禁用响应式视图的步骤
要禁用响应式功能，请执行以下步骤。

  1. 删除（或不添加）<meta>CSS 文档中提到的视口
  2. 删除所有网格层上的 max-width并设置常规宽度，如. 确保它出现在默认的 Bootstrap CSS 之后。您可以选择避免使用媒体查询或某些选择器。.containermax-width: none !important;width: 970px;!important
  3. 如果使用导航栏，请撤消所有导航栏折叠和展开行为（此处显示太多，因此请看示例）。
  4. .col-xs-*对于网格布局，除了或代替中/大型类之外，还可以使用类。不用担心，超小型设备网格可扩展到所有分辨率，因此您已准备就绪。对于 IE8，您仍然需要 Respond.js（因为我们的媒体查询仍然存在并且需要获取）。这只是禁用了 Bootstrap 的“移动站点”。
于 2013-08-20T23:36:36.400 回答
1

那这个呢？

.non-responsive { width: 800px !important; }  //or whatever width you want it to be
于 2013-08-19T18:24:13.950 回答