Это казалось довольно простым, но появились загвоздки..
Нужно на главной странице сделать в 3 колонки div
с категориями, я сделал это таким способом:
<div class="row">
<div class="container">
<div class="col-md-4">content</div>
<div class="col-md-4">content</div>
<div class="col-md-4">content</div>
</div>
</div>
В большинстве все так и стало - в 3 колонки, но если в div"е контент по содержанию больше чем в след div"ах то след div"ы будут выстраиваться друг над другом вместо того чтобы переноситься на свое место.. Примерно так:
UPD: пример на планкр, для просмотра лучше сделать вью на полный экран Подскажите как указать что переносить не нужно?
UPD UPD: в итоге я дописал в цсс:
@media (min-width: 992px) {
.col-md-4:nth-child(3n+1) {
clear: left;
}
}
насколько это будет правильно не знаю, но в решении моей проблемы это отлично помогло.