使Twitter Bootstrap固定宽度低于1024px

时间:2015-03-08 18:49:30

标签: html css twitter-bootstrap

我需要这样做,因此当我达到1024px以下的分辨率时,Twitter Bootstrap不会进入响应模式。换句话说,我希望水平侧边栏显示而不是触摸我的行或列。

我有一些具有更高分辨率的条件,我设法使用在线LESS编译器实现,因此我认为可以做到这一点。

为了做到这一点,我必须修改哪个标志?

3 个答案:

答案 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

  
      
  1. 省略CSS docs
  2. 中提到的视口<meta>   
  3. 使用单个宽度覆盖每个网格层的width上的.container,例如width: 970px !important;请确保这是在默认的Bootstrap CSS之后。您可以选择使用媒体查询或某些selector-fu。
  4. 来避免!important   
  5. 如果使用导航栏,请删除所有导航栏折叠和展开行为。
  6.   
  7. 对于网格布局,除中型/大型之外,使用.col-xs-*类。别担心,超小设备网格可以扩展到所有分辨率。
  8.   

答案 2 :(得分:0)

可能发布太晚了,但我也试图做同样的事情。如果您按照these instructions via Bootstrap进行操作,则布局会在1024px以下停止响应。