Bootstrap 3 - 无响应?

时间:2013-08-18 18:00:24

标签: wordpress twitter-bootstrap responsive-design

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

如何设置此非响应度?

(如果有某种身体类(.non-responsive)可以优先于响应功能,会不会很好?)

2 个答案:

答案 0 :(得分:2)

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

  

禁用自适应视图的步骤
  要禁用响应功能,   跟着这些步骤。

     
      
  1. 删除(或只是不添加)CSS中提到的视口<meta>   docs
  2.   
  3. 删除所有网格层的max-width上的.container   max-width: none !important;并设置常规宽度,如width: 970px;。确保这是在默认的Bootstrap CSS之后。您   可以选择使用媒体查询或某些内容来避免!important   选择福。
  4.   
  5. 如果使用导航栏,请撤消所有导航栏折叠和   扩大行为(这里显示的太多了,所以偷看了   例)。
  6.   
  7. 对于网格布局,另外还要使用.col-xs-*类   代替中型/大型的。别担心,超小   设备网格可以扩展到所有分辨率,因此您可以在那里设置。你会   仍需要针对IE8的Respond.js(因为我们的媒体查询仍在那里   并需要接受)。这只是禁用了“移动网站”   自举。
  8.   

答案 1 :(得分:1)

这个怎么样?

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