5 колонок в Bootstrap

Довольно гибкий CSS Framerork Twitter Bootstrap, легко реализует разметку страницы. 12-ти колоночная сетка очень удобна. Но вот как быть если необходима сетка кратная пяти?

Данное решение предлагает внести изменение в количество колонок, вместо 12 сделать 15.

По сути всё решение в одном css-файле, который нужно подключить дополнительно к стилям bootstrap.

Теперь вместо "col-lg-3" используем "col15-lg-3".
Можно комбинировать 15-ти колоночную структуру с 12-ти.

Например:


<div class="row">
	<li class="col15-lg-3 col15-md-3 col-sm-3 col15-xs-15">
	</li>
	<li class="col15-lg-3 col15-md-3 col-sm-3 col15-xs-15">
	</li>
	<li class="col15-lg-3 col15-md-3 col-sm-3 col15-xs-15">
	</li>
	<li class="col15-lg-3 col15-md-3 col-sm-3 col15-xs-15">
	</li>
	<li class="col15-lg-3 col15-md-3 col-sm-3 col15-xs-15">
	</li>
</div>

скачать

Комментарии (1)

  1. Иван 08 декабря 2017, 13:35 # 0
    Автор к чему такие сложности? возьми на вооружение эту инструкцию
    selection-studio.com/5-kolonok-v-bootstrap-4.html