Функционал разметки col-xs, col-sm, col-md, col-lg, col-xl
Функционал разметки
При Bootstrap использует em
s или rem
s для определения большинства размеров, px
s применяются для грид точки останова и ширины контейнера. Это происходит потому, что Ширина области просмотра в пикселях и не меняется с размером шрифта.
Смотри как аспекты Bootstrap блочная система работают на нескольких устройствах с таблица.
Сверхмалые <544px |
Небольшой ≥544px |
Средний ≥768px по |
Большие ≥992px |
Очень большой ≥1200px |
|
---|---|---|---|---|---|
Поведение разметки | Horizontal at all times | Collapsed to start, horizontal above breakpoints | |||
Ширина контейнера | None (auto) | 576px | 720px | 940px | 1140px |
Класс префикса | .col-xs- |
.col-sm- |
.col-md- |
.col-lg- |
.col-xl- |
# колонок | 12 | ||||
Промежуточная ширина | 1.875rem / 30px (15px on each side of a column) | ||||
Вкладка | Yes | ||||
Отступ | Yes | ||||
Выравнивание столбцов | Yes |