Герб Укріїни
Віримо в Україну та ЗСУ. Слава Україні!

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

30.11.2016

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

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

 

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

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

Читайте також:  Як підігнати блоки в сітці по висоті, зробити їх однаковими, рівними

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

Читайте також:  Зміна масштабу браузера для сайту на JavaScript для малих екранів

 

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

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

Биг сенк!

Відповіcти
Кирилл

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

Відповіcти
Людмила

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

Відповіcти

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *