@iFlicker

Как разместить контент вне сетки bootstrap?

Столкнулся с проблемой, что не могу разместить container-fluid внутри container. Просто не могу разместить блоки друг за другом как в макете.

Сделал всё через container-fluid, добавил ему padding по бокам как в макете, вместо стандартных 15px.
Но косяк в том, что вместо ширины 1170px, у меня получилось 1030рх.

Вопрос. Знаете ли вы какой-то способ сделать всё как в макете?

https://codepen.io/iflicker/pen/OJVRYjy

Cкриншот 1: макет
5e4f133db1e80802413831.png
Cкриншот 2: пробую сделать container-fluid внутри containder
5e4f13476e477611614039.jpeg
Cкриншот 3: как получилось, но ширина не та
5e4f134cc74eb458383886.jpeg
  • Вопрос задан
  • 778 просмотров
Решения вопроса 1
profesor08
@profesor08 Куратор тега CSS
<body>
  <div class="container">regular container</div>
  <div class="full-width">full width block</div>
  <div class="container">regular container</div>
</body>


https://getbootstrap.com/docs/4.0/layout/grid/
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
SilenceOfWinter
@SilenceOfWinter
та еще зажигалка...
слой с z-index: 0 и position: absolute, в общем все как и раньше))
Ответ написан
Ваш ответ на вопрос

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

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