Как сделать элемент row на всю ширину экрана,если bootstrap ее ограничивает?

Question

[pmozil]

Я новичек,и только изучаю bootstrap.
Имеется вот такой экран лэндинга :

Как видно макет создан по сетке,то есть справа и слева будут отступы,как их убрать?Все уже перерыл,видимо бутстрап такого не предусматривает.Но если макет так нарисован,значит решение быть должно.Но какое?

Comments

[Сергей delphinpro]

bootstrap ее ограничивает?

ответ на поверхности — не используйте container для этой секции, также учтите отступы row и col, обнулите их в этом блоке

Answer 1

[Михаил Р.]

если bootstrap ее ограничивает

Только по Вашему желанию...

видимо бутстрап такого не предусматривает

Предусматривает...

Могу предположить, что Вы использовали класс container, а он в свою очередь ограничивает ширину содержимого. Что бы такого не было, нужно использовать класс container-fluid.
Давно не работал с Bootstrap, но на память, вроде так:

<div class="container"> <!-- max-width: 1200px -->
	<div class="row">content</div>
</div>

<div class="container-fluid"> <!-- max-width: 100% -->
	<div class="row">content</div>
</div>