僅在xs設備上使用自舉容器流體

Question

我想在xs和sm設備（容器流體）上使用全寬，但僅適用於所有其他設備的容器類 將此設置到位的最佳方式是什麼？ 我試過jasnys bootstrap，它有一個容器順暢的類，但它不會在屏幕超過一定尺寸時將內容居中...

Answer 1

您可以添加同一個容器的副本並將其配置爲可見僅在尺寸要與類隱藏-XX和可見-XX是這樣的：

<div class="container-fluid hidden-md hidden-lg"> 
    your content here 
</div> 

這對於普通集裝箱：

<div class="container hidden-xs hidden-sm"> 
     your content here 
    </div> 

Answer 2

覆蓋容器類在你的CSS和你做：

/* XS styling */ 
@media (max-width: @screen-xs-max) { 
    .container { 
    width: inherit; 
    } 
} 

/* SM styling */ 
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { 
    .container { 
    width: inherit; 
    } 
} 

只需用相應的px值替換Less變量即可。