在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，則仍然可以使用網格佈局，但不會在不同的屏幕尺寸上看到更改。