Задать вопрос
@maxyc_webber
Web-программист
html

Верстка: Есть идеи как сделать горизонтальную черную полосу до правого края экрана?

ca52d1f1f6634832a3e38a8097426081.png

Используется обычный бутстрап. Контент обрамляентся в класс container и имеет 2 колонки. На фото вторая колонка, col-md-9
Вопрос, есть ли идеи, как продлить черную полосу за пределы .container до правого конца экрана...

В мысли закрадывается сделать для body {overflow-y: hidden} и сделать полосу очень длинной.
  • Вопрос задан
  • 2541 просмотр
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
@zuraavl
можешь через :before, :after попробовать
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
swipeshot
@swipeshot
Учусь на ошибках.
<hr/>, не?
Ответ написан
3 комментария
3 комментария
gr1mm3r
@gr1mm3r
50% ответа в правильном вопросе. Остальное мануал.
Пользуюсь другим фреймворком но сталкивался с такой задачей. Решил задачу следующим образом.
вышел за пределы гридов на полный боди сделал линии и вогнал контент обратно в гриды. 
<body>
<div class="weight100 black-line">
собственно линия
</div>
<div class="grid">
расположен контент
</div>
<div class="weight100 black-line">
собственно линия
</div>
</body>

как то так. Если используется респонсивная верстка то класс weight100 должен быть соответственно обработан в media
Ответ написан
3 комментария
3 комментария
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
CRM Bitrix24 разработчик
World Vision Clinic • Москва
от 170 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Расшифровать требуемые параметры из CAN-шины авто Chery Tiggo 7 Pro
23 дек. 2024, в 00:27
20000 руб./за проект
Отправка команды на (раз)блокировку двигателя Chery Tiggo 7 Pro
23 дек. 2024, в 00:15
20000 руб./за проект
Собрать из исходного кода и запустить в докере рабочее приложение с бд
22 дек. 2024, в 22:57
500 руб./за проект
Ещё заказы