Бутстрап Контейнерная жидкость для 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

С Bootstrap 4
Plain CSS:

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

Если вы используете Sass:

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

Демонстрация: https://codepen.io/albertojacini/pen/KXgNqB