Задать вопрос
@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 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сделать на Python страницу с результатами теста
22 нояб. 2024, в 13:44
10000 руб./за проект
Сборка приложения под Astra Linux 1.7
22 нояб. 2024, в 13:33
7000 руб./за проект
На сайте на modx сделать три задачи
22 нояб. 2024, в 13:15
3000 руб./за проект
Ещё заказы