在Bootstrap 3中禁用响应式网格的问题

Question

我需要在Bootstrap中禁用响应式布局，但我遇到了一些问题。

我换成元标记：

content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" 

和更换容器网格初始化与此：

.container { 
    .container-fixed(); 

    @media (min-width: 200px) { 
    width: @container-lg; 
    } 

    @media (min-width: @screen-xs-min) { 
    width: @container-lg; 
    } 

    @media (min-width: @screen-sm-min) { 
    width: @container-lg; 
    } 
    @media (min-width: @screen-md-min) { 
    width: @container-lg; 
    } 
    @media (min-width: @screen-lg-min) { 
    width: @container-lg; 
    } 

    // min-width: 980px !important; 
} 

但我看到在小的显示分辨率一些错误在我的代码：
http://www.playground.obuh.by/

我做错了什么？

Answer 1

从Bootstrap's Documentation on Disabling Responsiveness

1. 省略的CSS文档中提到的视<meta>
2. 覆盖在.container与单一宽度每个网格层，例如宽度width：970px !important;确保此在默认的Bootstrap CSS之后。您可以选择避免！重要的媒体查询或一些选择器。
3. 如果使用导航栏，请删除所有导航栏折叠和展开行为。
4. 对于网格布局，使用.col-xs-*类作为补充或替代中型/大型网格的类。别担心，超小型设备网格可以扩展到所有分辨率。

尤其要注意＃4。如果您只使用col-xs，则仍然可以使用网格布局，但不会在不同的屏幕尺寸上看到更改。