How can you go beyond the Bootstrap container?

Question

Bootstrap

Hello. We need to make a background that starts at the left border of the bootstrap container, extends beyond the border of the container to the right to the edge of the page. Tell me, is it right to do it this way: assign the container :after, absolutely position it, and set the following parameters left: 0, right: -9999px? And apply overflow-x: hidden to the body? Or is there a more elegant way?

Answer 1

a more elegant way is to split the container.

<div class="container">111</div>
<div class="your-div">111</div> //блок будет шириной в 100%
<div class="container">111</div>

Answer 2

<div class="container">
  <!-- Content here -->
</div>
<div class="container-fluid">
  ...
</div>
<div class="container">
  <!-- Content here -->
</div>