Поддержим ваш первый шаг:
-10% на профессии и специальные условия до 19 мая

Как сделать сетку 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
Теория и практика с нуля
Перейти к курсу
Поможем с выбором
Если у вас есть вопросы о формате или вы не знаете, что выбрать, оставьте свой номер — мы позвоним и ответим на все вопросы
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»