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

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

ca52d1f1f6634832a3e38a8097426081.png

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

В мысли закрадывается сделать для body {overflow-y: hidden} и сделать полосу очень длинной.
  • Вопрос задан
  • 2538 просмотров
Комментировать
Подписаться 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 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Сделать тг бота для сбора 4 данных в эксель + проверка на подписку
26 апр. 2024, в 19:17
1000 руб./за проект
Написать видео сцену на unity с картой
26 апр. 2024, в 19:12
5000 руб./за проект
Написать программу на c# используя видео и карту
26 апр. 2024, в 19:10
5000 руб./за проект
Ещё заказы