5 колонок в Twitter Bootstrap
Эта тема не имеет прямого отношения к MODx, но может пригодится тем кто использует Theme.Bootstrap.
В последнем проекте понадобилось вывести контент в 5 колонок, при этом сохранить полную работоспособность Twitter Bootstrap 3. Найти с ходу решение в сети не получилось и я сам нашёл довольно интересное решение. Для тех кому интересно решение — прошу под кат.
По сути всё решение один css-файл, который нужно подключить дополнительно к стилям bootstrap:
http://yadi.sk/d/Wmrk5ji5P7SEE
А дальше в нужном месте нужно вместо col-xs-1 использовать col15-xs-1. При этом можно комбинировать новые колонки со старыми. Например так:
В последнем проекте понадобилось вывести контент в 5 колонок, при этом сохранить полную работоспособность Twitter Bootstrap 3. Найти с ходу решение в сети не получилось и я сам нашёл довольно интересное решение. Для тех кому интересно решение — прошу под кат.
По сути всё решение один css-файл, который нужно подключить дополнительно к стилям bootstrap:
http://yadi.sk/d/Wmrk5ji5P7SEE
А дальше в нужном месте нужно вместо col-xs-1 использовать col15-xs-1. При этом можно комбинировать новые колонки со старыми. Например так:
<div class="row">
<div class="col15-md-3 col15-md-offset-0 col-sm-6">
</div>
<div class="col15-md-3 col15-md-offset-0 col-sm-6">
</div>
<div class="col15-md-3 col15-md-offset-0 col-sm-6">
</div>
<div class="col15-md-3 col15-md-offset-0 col-sm-6">
</div>
<div class="col15-md-3 col15-md-offset-0 col-sm-6 col-sm-offset-3">
</div>
</div>
Комментарии: 15
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
Хотя при любом раскладе лично мне было бы очень интересно посмотреть на работу less с использованием ТВ.
Я сначала подумал, что имеются в виду ТВ (template variables) MODx =))
По сути с этого я и начал.
Причём здесь дизайнер?!