Довольно гибкий 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>
Комментарии ()