24 колоночная сетка в Twitter Bootstrap 3
Иногда 12 колоночной сетки не хватает для комфортной верстки. Я часто использую в работе Twitter Bootstrap 3 и в «базовой комплектации» предлагается 12 колоночная сетка (12 column grid).
Сайт Twitter Bootstrap 3 предлагает нам вручную поменять параметры, в том числе и касающиеся сетки. Сделать 24 колоночную верстку (24 column grid) достаточно просто, поменяв всего 2 параметра сборки…
Twitter Bootstrap 3 предлагает нам вручную собрать с помощью LESS и SASS препроцессоров, но также для быстроты это можно сделать на веб сайте.
Итак, приступим, переходим на страницу кастомизации нашей сборки http://getbootstrap.com/customize/
Переходим в раздел Less Variables — Grid System
Меняем параметр @grid-columns = 24 и @grid-gutter-width = 15px.
На этом все, компилируем и получаем 24 колоночную сетку.
Для простоты я проделал действия выше, вам достаточно перейти на страницу сборки Twitter Bootstrap 3 с преднастроенной 24 колоночной сеткой и в внизу нажать на Download and Compile:
Кастомайзер Twitter Bootstrap 3 позволяет запоминать настройки вашей сборки и выдавать ссылку на нее, что и было проделано для получения ссылки выше.