twitter-bootstrap-3
Сетевая система

Бутстрап-сетка

Bootstrap использует сетку с строками и столбцами

В Grid-системе вы используете класс строк для создания горизонтальной коробки с общим количеством 12 столбцов по размеру 1 для каждого размера экрана по вертикали. Если вы не хотите использовать все 12 столбцов отдельно, вы можете группировать столбцы для создания более широких столбцов.

Пример: если вы хотите сделать строку из трех столбцов - у вас есть div с классом = «строка» (то есть один горизонтальный блок) и 3 столбца (класс = col.xs.xx), каждый из которых имеет размер 3, размер 2, размер 7 (3 + 2 + 7 = 12) для xs = размер небольшого размера экрана

заглавие

lorem ipsum

Сетчатые классы

Система сетки Bootstrap имеет четыре класса для гибкого дизайна:

xs (for phones)
sm (for tablets)
md (for desktops)
lg (for larger desktops)

Как пользоваться?

Для базового примера 4 столбца

<div class="row">
  <div class="col-sm-4">Your Div Content</div>
  <div class="col-sm-4">Your Div Content</div>
  <div class="col-sm-4">Your Div Content</div>
</div>

Примеры 4 столбцов