Как сделать сетку bootstrap
Ответы
Иван Лисин
14 марта 2023
Сетка бутстрапа построена на flexbox
и состоит из 3 основных элементов: контейнер, строки и колонки. Они представлены классами .container
, .row
, .col
соответственно. Основная задача контейнера - ограничение контента по ширине, внутри которого располагаются строки. Каждая строка - это flex-контейнер, внутри которого будут располагаться flex-элементы столбцы. В примере ниже сетка из 3 ячеек одинаковой ширины. Больше деталей можно найти в документации
<div class="container text-center">
<div class="row">
<div class="col">
Column
</div>
<div class="col">
Column
</div>
<div class="col">
Column
</div>
</div>
</div>
0
0