无法禁用bootstrap-3响应

时间:2014-01-10 02:13:46

标签: jquery html css html5 twitter-bootstrap

目前我正在使用bootstrap 3.0开发页面..

我正在使用cols-md- *元素进行网格视图。

虽然我试图禁用响应但是它不起作用..

我谷歌但我没有找到任何解决方案..

我通过将容器宽度设置为静态宽度来禁用响应性(这里我的宽度是1140px)...

我通过Bootstrap链接但没有运气..

这是我的网站(http://lumigren.com/hyd/)..

3 个答案:

答案 0 :(得分:1)

您可能希望寻找此解决方案(请参阅接受的答案):How to turn off the responsive feature completely from Twitter Bootstrap 3?

答案 1 :(得分:1)

除了调整你的html使用col-xs外,使用所有禁用http://getbootstrap.com/getting-started/#disable-responsive的说明。

然后在你的CSS中将col-md- *列样式移动到992px最小宽度之外到与col-xs- * OR相同的位置,可能更好,将所有col-xs重命名为col- md-在你的CSS。首先备份。这仅适用于您在html中使用col-md- *的情况。

答案 2 :(得分:1)

禁用网页回复的步骤

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

    参考使用此LINK