我需要这样做,因此当我达到1024px以下的分辨率时,Twitter Bootstrap不会进入响应模式。换句话说,我希望水平侧边栏显示而不是触摸我的行或列。
我有一些具有更高分辨率的条件,我设法使用在线LESS编译器实现,因此我认为可以做到这一点。
为了做到这一点,我必须修改哪个标志?
答案 0 :(得分:2)
这有助于避免智能手机和平板电脑的响应能力。
<meta name="viewport" content="width=1024">
同时删除initial-scale=1
和其他值。
为所有内容添加容器,并设置最小宽度。
<style>
.page-container {
min-width: 1024px;
}
</style>
<body>
<div class="page-container">
...
</div>
</body>
答案 1 :(得分:0)
Bootstrap文档有guide for disabling responsiveness。
- 省略CSS docs
中提到的视口<meta>
- 使用单个宽度覆盖每个网格层的
来避免width
上的.container
,例如width: 970px !important;
请确保这是在默认的Bootstrap CSS之后。您可以选择使用媒体查询或某些selector-fu。!important
- 如果使用导航栏,请删除所有导航栏折叠和展开行为。
- 对于网格布局,除中型/大型之外,使用
醇>.col-xs-*
类。别担心,超小设备网格可以扩展到所有分辨率。
答案 2 :(得分:0)
可能发布太晚了,但我也试图做同样的事情。如果您按照these instructions via Bootstrap进行操作,则布局会在1024px以下停止响应。