仅在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变量即可。