Пример адаптивного макета, построенного с использованием Bootstrap 4

Текущая контрольная точка: XS SM MD LG XL
Создания адаптивного макета в Bootstrap 3 осуществляется под различные устройства. По умолчанию в Bootstrap 3 проектирование выполняется под 4 контрольные точки (xs, sm, md и lg).
Область контрольной точки
xs – это смартфоны,
sm – планшеты,
md – ноутбуки, а
lg и xl – десктопы.
Для примера сверстаем с помощью сетки Bootstrap 3 макет страницы, изображенный ниже. В качестве вида макета выберем, например, адаптивно-гибкий.



A1
Область контрольной точки xs – это смартфоны, sm – планшеты, md – ноутбуки, а lg – десктопы. Для примера сверстаем с помощью сетки Bootstrap 3 макет страницы, изображенный ниже. В качестве вида макета выберем, например, адаптивно-гибкий.
A2
Область контрольной точки xs – это смартфоны, sm – планшеты, md – ноутбуки, а lg – десктопы. Для примера сверстаем с помощью сетки Bootstrap 3 макет страницы, изображенный ниже. В качестве вида макета выберем, например, адаптивно-гибкий.
B

C1
Область контрольной точки xs – это смартфоны, sm – планшеты, md – ноутбуки, а lg – десктопы. Для примера сверстаем с помощью сетки Bootstrap 3 макет страницы, изображенный ниже. В качестве вида макета выберем, например, адаптивно-гибкий.
C2
Область контрольной точки xs – это смартфоны, sm – планшеты, md – ноутбуки, а lg – десктопы. Для примера сверстаем с помощью сетки Bootstrap 3 макет страницы, изображенный ниже. В качестве вида макета выберем, например, адаптивно-гибкий.
C3
Область контрольной точки xs – это смартфоны, sm – планшеты, md – ноутбуки, а lg – десктопы. Для примера сверстаем с помощью сетки Bootstrap 3 макет страницы, изображенный ниже. В качестве вида макета выберем, например, адаптивно-гибкий.

D1
Область контрольной точки xs – это смартфоны, sm – планшеты, md – ноутбуки, а lg – десктопы. Для примера сверстаем с помощью сетки Bootstrap 3 макет страницы, изображенный ниже. В качестве вида макета выберем, например, адаптивно-гибкий.
D2
Область контрольной точки xs – это смартфоны, sm – планшеты, md – ноутбуки, а lg – десктопы. Для примера сверстаем с помощью сетки Bootstrap 3 макет страницы, изображенный ниже. В качестве вида макета выберем, например, адаптивно-гибкий.
D3
Область контрольной точки xs – это смартфоны, sm – планшеты, md – ноутбуки, а lg – десктопы. Для примера сверстаем с помощью сетки Bootstrap 3 макет страницы, изображенный ниже. В качестве вида макета выберем, например, адаптивно-гибкий.
D4
Область контрольной точки xs – это смартфоны, sm – планшеты, md – ноутбуки, а lg – десктопы. Для примера сверстаем с помощью сетки Bootstrap 3 макет страницы, изображенный ниже. В качестве вида макета выберем, например, адаптивно-гибкий.