How to make a black background full screen width behind a container in Bootstrap 3.2?

Question

css

There is a container with a nested row and division into columns.
I set the color of the container to black. Only the grid turns black, but I wanted the container to have a black background for the entire width of the screen. And it's not a nav panel or a footer. The strip in the middle of the screen should be.
How?

<div class="container" style="background-color: black">
            <div class="row">
                <div class="col-md-6">
                    Какой-то текст
                </div>
                <div class="col-md-6">
                    Какая-то картинка
                </div>
            </div>
        </div>

Answer 1

Obviously, wrap the container in another block, and give it a background color.

<div class="wrap">
      <div class="container"></div>
</div>

.wrap{
  background: black;
}

codepen.io/anon/pen/xZPwKz