@pmozil

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

Я новичек,и только изучаю bootstrap.
Имеется вот такой экран лэндинга :
5ca34c3e31522251075409.jpeg
Как видно макет создан по сетке,то есть справа и слева будут отступы,как их убрать?Все уже перерыл,видимо бутстрап такого не предусматривает.Но если макет так нарисован,значит решение быть должно.Но какое?
  • Вопрос задан
  • 286 просмотров
Решения вопроса 1
Mike_Ro
@Mike_Ro
Войти в АйТи...
если 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>
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
В комментах описал общий случай.
В вашем конкретном случае делается обертка, обертке задается фоновый цвет и картинка на половину ширину. Внутрь ложится container и содержимое верстается как обычно, по сетке.
Ответ написан
Ваш ответ на вопрос

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

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