@freeman0204

Есть 4 и 10 фото в ряд. Как разбить сетку?

Есть 4 и 10 фото в ряд. Как разбить сетку?
screenshot.ru/02b8d350d83109cea589e11a5b18478a
screenshot.ru/4929e8a80daa1627424be258461f46ae
Сделать для каждой фото ячейку? Во втором случаи будет так:
<div class="container">
			<div class="row">
					<div class="cols col-3">
						<img src="http://placehold.it/206x120" alt="фото">
					</div>
					<div class="cols col-3">
						<img src="http://placehold.it/206x120" alt="фото">
					</div>
					<div class="cols col-3">
						<img src="http://placehold.it/206x120" alt="фото">
					</div>
					<div class="cols col-3">
						<img src="http://placehold.it/206x120" alt="фото">
					</div>
					</div>
				<div class="row">
					<div class="cols col-3">
						<img src="http://placehold.it/206x120" alt="фото">
					</div>
					<div class="cols col-3">
						<img src="http://placehold.it/206x120" alt="фото">
					</div>
					<div class="cols col-3">
						<img src="http://placehold.it/206x120" alt="фото">
					</div>
					<div class="cols col-3">
						<img src="http://placehold.it/206x120" alt="фото">
					</div>
				</div>
		</div>


А в первом как, если колонок 12 а фото 10 не делится на цело. Получается лучше дать cols col-12? Посоветуйте как лучше.
  • Вопрос задан
  • 159 просмотров
Пригласить эксперта
Ответы на вопрос 1
dvguinf
@dvguinf
Веб-разработчик
Может использовать ширину дива 10% ?
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы