我在我的WordPress主题中使用Bootstrap 3。 大多数网站都会使用响应式功能,但是对于主持数据可视化的几个页面,我想强制使用固定的宽度。
如何设置此非响应度?
(如果有某种身体类(.non-responsive)可以优先于响应功能,会不会很好?)
答案 0 :(得分:2)
Bootstrap文档中有一节关于禁用响应: http://getbootstrap.com/getting-started/#disable-responsive
禁用自适应视图的步骤
要禁用响应功能, 跟着这些步骤。
- 删除(或只是不添加)CSS中提到的视口
<meta>
docs- 删除所有网格层的
max-width
上的.container
max-width: none !important;
并设置常规宽度,如width: 970px;
。确保这是在默认的Bootstrap CSS之后。您 可以选择使用媒体查询或某些内容来避免!important
选择福。- 如果使用导航栏,请撤消所有导航栏折叠和 扩大行为(这里显示的太多了,所以偷看了 例)。
- 对于网格布局,另外还要使用
醇>.col-xs-*
类 代替中型/大型的。别担心,超小 设备网格可以扩展到所有分辨率,因此您可以在那里设置。你会 仍需要针对IE8的Respond.js(因为我们的媒体查询仍在那里 并需要接受)。这只是禁用了“移动网站” 自举。
答案 1 :(得分:1)
这个怎么样?
.non-responsive { width: 800px !important; } //or whatever width you want it to be