VeroLom
@VeroLom
Веб-разработчик, фрилансер, UMI.CMS

Как в сетке Bootstrap 4 сделать у части фон до края окна только с одной стороны?

Есть макет:
5b715e109dfea731158713.png
Крайние вертикальные направляющие - ширина блока container.
Слева часть с зелёным фоном, но нужно окрасить не только саму колонку в контейнере, но и часть до края окна. Тут я и застрял :(

Когда нужен фон, окрашенный целиком - засовываю всё в container-fluid, которому и назначаю фон, тут просто.

Был макет, когда ровно половина должна быть закрашена - сделал широкую горизонтальную полоску высотой 1px, где одна половина окрашена в нужный цвет. Может, и костыль, но довольно безобидный :)

Тут же вообще идей нет, как такое сделать, чтобы не было диким и кривым костылём.
  • Вопрос задан
  • 574 просмотра
Решения вопроса 1
web_Developer_Victor
@web_Developer_Victor
Что такое google?
body {
 background-image: linear-gradient(to right, green 0%, green 50%, white 50%, white 100%;
} /*а дальше самим блокам задаем background*/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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