Destio небольшой блог

Иерархия базовых элементов сетки в Bootstrap

Когда я это писал, я трогал Bootstrap 3.3.7.

Основные, сразу доступные блоки в сетке бутстрапа это, собственно, два корневых контейнера .container и .container-fluid, потом .row и еще кучки разных .col-*.

Чтобы все нормально работало, стакало маржины и паддинги, нужно вкладывать их друг в друга в определенном порядке:

  • .container и .container-fluid это внешние контейнеры, на странице их может быть несколько, но они не вкладываются друг в друга. В них можно класть .row и просто HTML. Можно сочетать оба типа контейнеров на странице.
  • .row кладется в контейнер или колонку и может содержать только колонки .col-*. Зато можно много .row в одном контейнере.
  • .col-* кладутся только в .row. В них хорошо класть HTML или еще .row, но там уж будет совсем мелко

Кратенько: HTMLroot -> container -> row||HTML -> col -> HTML||row -> ...

Ярлыки:


Ближайшие сообщения:

Похожие сообщения:

Комментарии к этой записи отключены.