Bootstrap无响应 - 偏移保持响应功能

时间:2013-12-11 19:25:43

标签: css twitter-bootstrap media-queries

当我使用Bootstrap 3 Non-Responsive version网格时,保持浏览器偏移的响应特征低于@media(min-width:768px)并使它们消失并移动我的布局。

我在互联网上搜索了这个问题,但似乎没有人遇到这个问题。

我会继续寻找并尝试解决它。​​

1 个答案:

答案 0 :(得分:0)

我发现了问题(我忘了添加宽度:970px!important;对我的风格。无。)

激活Bootstrap Non-Responsive *,如在bootstrap文档中所写:

1.-省略CSS docs中提到的视口

2.-使用单个宽度覆盖每个网格层的.container上的宽度,例如 width:970px!important; 确保这是在默认的Bootstrap CSS之后。您可以选择使用媒体查询或某些selector-fu来避免使用!important。

3.-如果使用导航栏,请删除所有导航栏折叠和展开行为。

4.-对于网格布局,请使用.col-xs- *类作为中/大类的补充或替代。不用担心,超小设备网格可以扩展到所有分辨率。

.col-xs-offset - * 类也适用于非响应偏移量。