Layout: any idea how to make the horizontal black stripe to the right edge of the screen?

ca52d1f1f6634832a3e38a8097426081.png

There is a conventional bootstrap. The content obramlyayetsya in the container class, and has 2 columns. In the photo second column, col-md-9
The question is, are there any ideas how to extend the black stripe outside .container to the right end of the screen...

The thoughts creeps in to do for the body {overflow-y: hidden} and make the band very long.
September 18th 19 at 23:54
3 answers
September 18th 19 at 23:56
Solution
can using :before, :after to try
September 18th 19 at 23:58
<hr>not?
will not go because he was trapped in the grid opredelennogo size. the entire band will be as pictured vehicle. - Lawrence_Denesik11 commented on September 19th 19 at 00:01
what if for him to prescribe the position and if it still will not work to try to get out beyond using z-index? - ona.Lowe11 commented on September 19th 19 at 00:04
try it - cyrus_Bor commented on September 19th 19 at 00:07
September 19th 19 at 00:00
Using a different framework but I faced with this task. Solved the problem as follows.
went beyond the grids on a full bodysuit made of line and put the content back into the grids.

<div class="weight100 black-line">
the actual line
</div>
<div class="grid">
is the content
</div>
<div class="weight100 black-line">
the actual line
</div>

something like this. If you are using responsive layout class weight100 should be treated accordingly in the media
Yes, something similar was also decided... - Lawrence_Denesik11 commented on September 19th 19 at 00:03
To go beyond the container will also discuss with the coder. While looking for other options. I will unsubscribe as did - ona.Lowe11 commented on September 19th 19 at 00:06
made using :After - cyrus_Bor commented on September 19th 19 at 00:09

Find more questions by tags HTMLCSS