Сетка с 5 колонок в Twitter Bootstrap

30.11.2016

Каждый верстальщик, который использует Twitter Bootstrap для адаптивной верстки, сталкивается с вопросом — как же сделать сетку с 5 колонок.  Мы знаем что Bootstrap использует 12-ти колоночную сетку. Она делится на 2,3,4 блока в одной строчке. Но как быть если нам нужно 5 блоков? Вот пример с верстки когда у меня возник такой вопрос. Смотрите скрин, нужно было разместить 5 блоков в одном ряду.

Сетка с 5 колонок в Twitter Bootstrap (Как сделать? Есть ответ)

 

И на это есть ответ, нужно сделать всего два действия.

1. Добавляем стили

2. Структуру 5 колоночной сетки Bootstrap делаем в таком виде:

 

Сетка с 5 колонок в Twitter Bootstrap готова. Теперь вы можете делать 5 колонок в любом месте на сайте. Наслаждайтесь результатом. Если у вас есть вопросы, задавайте их в комментариях.

Девушка_Без_косметики_как_HTML_без_CSS

Биг сенк!

Ответить
Кирилл

Спасибо огромное!
Все работает.

Ответить
Людмила

Добрый день уважаемые!
Ваш совет просто спас мой мозг! Respect!
От всей своей широкой души — огромной вам спасибо!
с ув. Людмила

Ответить

Добавить комментарий

Ваш e-mail не будет опубликован.