@OxygenMan

Как сделать отступы между вертикальным рядом блоков в Bootstrap?

У меня есть три блока в ряд. На большом экране все как и должно быть
-2eFCmTvmX4.jpg
Но когда блоки выстраиваются вертикально, возникает проблема - они теряют отступы. Пришлось решить проблему с отступами вот таким образом (код ниже). Но это явно костыль. Как адекватно эти отступы я могу указать?
<style>
		.out_block {
			height: 350px;
			background-color: red;
		}
		.inner_block {
			height: 300px;
			background-color:yellow;
		}
	</style>
<body>
	<main>
		<section>
			<div class="container">
				<div class="row">
					<div class="col-lg-4"><div class="out_block"><div class="inner_block">Надпись</div></div></div>
					<div class="col-lg-4"><div class="out_block"><div class="inner_block">Надпись</div></div></div>
					<div class="col-lg-4"><div class="out_block"><div class="inner_block">Надпись</div></div></div>
				</div>
			</div>
		</section>
	</main>
</body>

c698cyDQe9w.jpg
  • Вопрос задан
  • 68 просмотров
Пригласить эксперта
Ответы на вопрос 1
@PHPHTML5
Просто удали out-block, и в inner-block добавь margin-bottom: 50px; всё
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы