Как в bootstrap пользоваться before и after?

Question

[liar_84]

Добрый день. Подскажите как использовать псевдоэлементы для bootstrap чтобы получить такие блоки?
Когда основной контент по центру, а справа и слева блока идет заливка и получается блок вытянут на всю ширину экрана.

Comments

[Arman]

что именно хотите получить?

Answer 1

[iBird Rose]

то что ты пытаешься сделать - это костыль. твой html должен был выглядеть примерно так

<div class="slider-block">
	<div class="container">
		<div class="slider">
			<div class="slider-item"></div>
			<div class="slider-item"></div>
			<div class="slider-item"></div>
		</div>
	</div>
</div>

и для .slider-block ты должен был задать фон

Comments

[liar_84]

Спасибо за ответ. Принцип понял. С начало создать блок на всю ширину, залить его и вложить контейнер container. Просто подумал что с псевдоэлементами будет проще, так так просматривая код страниц на многих шаблонах перед и после контейнера использовалось before и after.