Как использовать сетку bootstrap, если товары выводятся в цикле?

Question

[semki096]

Как использовать сетку bootstrap, если товары выводятся в цикле? То есть - прописать колонки (.col-md) можно, а вот как быть со строками(.row)?

Comments

[iBird Rose]

а кто мешает использовать один row и внутри уже циклить col'ы?

[semki096]

iBird Rose, один можно, но правильно ли это? В руководстве об этом ничего не сказано. Там кстати есть пример что нужно делать перенос строки с помощью класса .w-100, но к циклу это тоже неприменимо. Но ваш совет работает, я только не понимаю почему этого нет в руководстве бутстрапа.

[iBird Rose]

semki096, и почему же не применимо? к примеру вот так .w-100 будет ставиться через каждые 2 блока:

$i = 0;
foreach ($items as $item) {
	echo $item;
	$i++;  
	if ($i % 2 == 0) { echo "<div class='w-100'></div>";}
}

[semki096]

iBird Rose, спасибо это то что нужно

Answer 1

[Андрей Гончаров]

В одном row перебирай свои колонки, они нормально переносятся сами. Если совсем беда на экране и без row для каждой строки никак, то в цикле всегда можно отследить номер текущего элемента и закрывать row и тут же открывать новый. Но, правильней, в одном row перебирать.