Всем привет. Ребята, нужна помощь
Используется bootstrap для верстки. Разметка следующая:
<div class="row items">
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<!--и т.д -->
</div>
Как известно в одном row не может быть в сумме более 12, иначе нужно делать очистку с помощью clearfix:
<div class="row items">
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="clearfix visible-xs-block"></div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="clearfix visible-sm-block"></div>
<div class="clearfix visible-xs-block"></div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="clearfix visible-xs-block"></div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="clearfix visible-sm-block"></div>
<div class="clearfix visible-xs-block"></div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="clearfix visible-xs-block"></div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="clearfix visible-sm-block"></div>
<div class="clearfix visible-xs-block"></div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="clearfix visible-xs-block"></div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="item col-xs-6 col-sm-4">Lorem ipsum dolor sit amet</div>
<div class="clearfix visible-sm-block"></div>
<div class="clearfix visible-xs-block"></div>
<!--и т.д -->
</div>
Можно ли добавлять эти строки:
<div class="clearfix visible-sm-block"></div>
<div class="clearfix visible-xs-block"></div>
…после каждого 2 и 4 элемента item соответственно, так как добавлять руками clearfix возможности нет.
