Как разместить блоки бутстрап?

Question

[Людмила]

Добрый день, господа!

codepen.io/Avesha/pen/qaQwmk

Суть моего вопроса такова: есть 14 div-блоков (картинка > заголовок > описание). При обычном десктопе должно выводится 3 блока в ряду и кнопка "ПОКАЗАТЬ БОЛЬШЕ"
На 750 и планшете - должно выводится 4 (2по2 в ряду) и кнопка "ПОКАЗАТЬ БОЛЬШЕ".
А на 360-375 - по 1 в ряд, но 3 штуки и кнопка "ПОКАЗАТЬ БОЛЬШЕ".

Бьюсь полдня - не могу понять, как это сделать...

Больше всего смущает - десктоп и 768 - как "подружить" между собой 4 блока и 3 блока, а потом снова 3 блока на мобильном. Простите, если кому-то покажется вопрос глупым - но правда не знаю как сделать...

Может кто сможет помочь? Заранее благодарна!

Answer 1

[metaf]

Всё кроме кнопки в один row запихните и в зависимости от кол-ва в ряду ставьте каждому n+1 clear: left;

codepen.io/olgar/pen/ZpmkwG

Как-то так, только media-query облагордить нужно.