自舉容器液爲xs，sm

Question

我想我的最外層的div容器只是「容器」的md和lg，但容器液體的xs和sm。我可以在本地實現嗎？我需要一些額外的CSS嗎？

謝謝。

Answer 1

container和container-fluid在xs斷點上是相同的，因爲它們都是全寬。來覆蓋sm斷點的寬度，你可以做到這一點..

@media (max-width: 992px) { 
    .container { 
     width: 100%; 
    } 
} 

演示：http://codeply.com/go/dHFw0LcVPl

Answer 2

自舉4
純CSS：

@media (max-width: 768px) { 
    .container { 
    width: 100%; 
    max-width: none; 
    } 
} 

如果使用薩斯：

@include media-breakpoint-down(md) { 
    .container { 
    width: 100%; 
    max-width: none; 
    } 
} 

演示：https://codepen.io/albertojacini/pen/KXgNqB