Мне нужен контейнер, чтобы он занимал 100% доступную ширину до точки останова (max-width). После прочтения официальных документов отзывчивый контейнер жидкости выглядел как идеальный выбор.
Адаптивные контейнеры - это новинка Bootstrap v4.4. Они позволяют указать контейнер шириной 100% (текучий) до тех пор, пока не будет достигнута определенная точка останова, в которой применяется максимальная ширина.
Таблица точек останова из официальных документов, в которой указано, что точка останова md максимум 720 пикселей. Но на самом деле это поведение иное. Во время тестирования я обнаружил, что максимальная ширина container-md установлена на 960 пикселей, если область просмотра больше 992 пикселей.
снимок экрана с активным правилом css на container-md
<b-container fluid="md">
воспроизведенный Codepen
Я неправильно понимаю документы? Есть ли компоненты с описанной выше функциональностью?
px-0
или удалить его только на md screend и выше с помощью классаpx-md-0
- person Troy Morehouse   schedule 13.04.2020container-{}
и vue-boostrapfluid={}
ведут себя одинаково (что также оправдано проверкой правил css, см. Снимок экрана в исходном посте), но формулировка документации vue-boostrap вводит в заблуждение. Напротив, bootstrap не только явно говорит. Например, .container-sm имеет 100% ширину для запуска до достижения точки останова sm, где он будет масштабироваться с помощью md, lg и xl.. Но также предоставляет таблицу, где представлено такое поведение, в отличие от таблицы vue-bootstrap. - person Mihail S   schedule 13.04.2020