Задать вопрос
@iFlicker
html

Как разместить контент вне сетки 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
  • Вопрос задан
  • 790 просмотров
2 комментария
Подписаться 1 Средний 2 комментария
Решения вопроса 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, в общем все как и раньше))
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Смонтировать видео с выставки
22 нояб. 2024, в 11:53
3000 руб./за проект
Настроить и запустить сервер World of Warcraft 3.3.5a
22 нояб. 2024, в 11:51
20000 руб./за проект
Создать личный кабинет Битрикс
22 нояб. 2024, в 11:50
200000 руб./за проект
Ещё заказы