Vue Bootstrap неправильные точки останова контейнера для жидкости - PullRequest
0 голосов
/ 13 апреля 2020

Мне нужен контейнер, чтобы 100% доступной ширины до точки останова (max-width). После прочтения официальных документов отзывчивый контейнер с жидкостью казался идеальным выбором.

Отзывчивые контейнеры появились в Bootstrap v4.4. Они позволяют вам указать контейнер шириной 100% (текучий), пока не будет достигнута определенная точка останова, в которой применяется максимальная ширина.

Таблица точек останова из официальных документов что говорит, что md точка останова максимально до 720px. Но это поведение отличается от реальности. Во время тестирования я обнаружил, что max-width container-md установлена ​​в 960px, если область просмотра больше 992px.

снимок экрана активного css правила для container-md

<b-container fluid="md"> воспроизведенный Codepen

Не правильно ли я понимаю документы? Есть ли компоненты с описанным выше функционалом?

1 Ответ

0 голосов
/ 13 апреля 2020

Максимальная ширина контейнера для различных точек останова (при условии S CSS vars по умолчанию) указана в документации макета на https://bootstrap-vue.js.org/docs/components/layout#grid -опции

...