Как сделать сетку bootstrap

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Сетка бутстрапа построена на 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>

2 года назад

Иван Лисин

2 месяца

Bootstrap

Навык работы с SASS, Bootstrap 5 и Gulp для ускорения, упрощения и оптимизации процесса вёрстки и разработки сайтов

5 месяцев

Профессиональная верстка

Навык адаптивной вёрстки с современными подходами для корректного отображения сайтов на любых устройствах и разрешениях

1 месяц

Позиционирование в CSS

Навык разработки адаптивных интерфейсов, позволяющий создавать удобные и функциональные решения для различных устройств

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

1 месяц

Основы веб-разработки

Основы HTML, CSS, блочная модель, основы Javascript, синтаксис, арифметика, условия, циклы, функции, поиск ошибок

Похожие вопросы