Как сделать сетку 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
Познакомьтесь с основами HTML и CSS бесплатно