Установка ширины контейнера динамически - PullRequest
Новая
       79

Установка ширины контейнера динамически

0 голосов
/ 09 июля 2020

Я новичок в Bootstrap и использую bootstrap 4 для проекта. Мне предоставили дизайн в Invision, который имеет следующие размеры: Полный экран (Контейнер-жидкость): 1920 пикселей Ширина контейнера (всего 12 столбцов): 1408 пикселей Ширина желоба: 16 пикселей

Размер контейнера для жидкости на моем ноутбук: 1349 пикселей. Это 100% -ный размер, полученный с помощью инструмента проверки браузера.

Вопрос: Как определить размер контейнера динамически на основе размера экрана, чтобы пропорция размеров в данном дизайне оставалась прежней. Кроме того, можно ли установить размер шрифта, поля и отступы элементов страницы соответственно?

Я поставил это CSS, что дает мне размер контейнера и жидкости контейнера, равный 1349 пикселей. 

 @media (min-width: 1264px) {
            .container{
            max-width: 1395px;
        }

Спасибо

1 Ответ

0 голосов
/ 13 июля 2020

Bootstrap автоматически настраивает строки и столбцы, чтобы они соответствовали всем размерам экрана, убедитесь, что элемент относится к классу «контейнер-жидкость» или «контейнер», поместите в «div» с классом «строка», все будет автоматически настроен в зависимости от столбцов, которые вы определяете в строке. Подробнее здесь: https://getbootstrap.com/docs/4.0/layout/grid/

Все шрифты, поля и отступы можно легко изменить с помощью basi c CSS. Если это не сработает, добавьте к правилу "! Important".

...