Подтвердить что ты не робот

Почему Bootstrap 3 увеличивает ширину контейнера до определенных размеров?

Если мой браузер имеет ширину 992 пикселей, то .container имеет максимальную ширину 970 пикселей. Если мой браузер имеет ширину 991px, то .container имеет максимальную ширину 750 пикселей. Почему этот большой прыжок в максимальной ширине? Почему бы просто не использовать максимальную ширину 1170 пикселей или 20 пикселей с каждой стороны или что-то такое, чтобы при изменении размера окна браузера ширина контейнера плавно плавно переходила вместо большого прыжка?

например. при ширине экрана 992px у меня есть только очень небольшое поле с каждой стороны (11px). Тем не менее, в 991px ширине я имею 120px маржи с каждой стороны, что означает, что почти 25% экранной недвижимости - это пустой запас по бокам. Это не имеет большого значения для меня. Есть ли причина, по которой это было сделано? Могу ли я удалить это поведение, предпочитая определенные ширины контейнера, не нарушая его?

4b9b3361

Ответ 1

Официальный ответ от пользователей Bootstrap:

Что сводится к тому, что проектирование конкретных точек останова проще (на мой взгляд), чем проектирование для неограниченных, неизвестных размеров. альтернатива, которую вы упоминаете, не является неправильной или плохой, просто другой. я бы лучше мы поддерживаем уровни с очень конкретными диапазонами

Ответ 2

Вот как работает Bootstrap и его сетки. Bootstrap определяет 4 сетки, см. эту таблицу. В зависимости от размера экрана будет использоваться одна из этих четырех сеток. Ширина экрана 992px - это точка останова между малой и средней сетью.

Сетки устанавливаются горизонтально и прокручиваются по вертикали поскольку мы привыкли к. По этой причине меньшая сетка будет применяться ниже 992px.

Максимальная ширина контейнера может быть "вычислена", если найти, какая ширина может содержать 12 столбцов равной ширины плюс любые желоба. Для маленькой сетки 12 x 60 составляет 720. Прокладка построена из 15 пикселей по обе стороны столбца, минус 2 x 15 пикселей на внешней стороне сетки. Эти недостающие пиксели (построенные с отрицательным запасом) составляют 720 + (2 x 15) = 750.

750 пикселей кажется очень маленьким по отношению к 991px, о котором вы говорили. Маленькая сетка предназначена для использования на устройствах с шириной экрана 768 пикселей и средней сеткой для ширины экрана 992px.

Ответ 3

Это потому, что фиксированная ширина + margin = точка останова. В бутстрапе маржа увеличивается, пока контейнер остается фиксированной. Когда браузер имеет размер res-size за точкой останова, контейнер перескакивает чуть ниже точки останова.