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

Clip2net_150810162818

Меняем параметр @grid-columns = 24 и @grid-gutter-width = 15px.

На этом все, компилируем и получаем 24 колоночную сетку.

Для простоты я проделал действия выше, вам достаточно перейти на страницу сборки Twitter Bootstrap 3 с преднастроенной 24 колоночной сеткой и в внизу нажать на Download and Compile:

Перейти

Кастомайзер  Twitter Bootstrap 3 позволяет запоминать настройки вашей сборки и выдавать ссылку на нее, что и было проделано для получения ссылки выше.