How to make a page with full blocks using bootstrap?

There are a few ways to do this. The one I used was to create a general container with class container-fluid which causes div to occupy all of the screen space. In the parts that the line should not be full-width I used a col-md-10 [for example] with an offset of 1.

No Plunker .

Obs1: Using Bootstrap 4, but the solution for other versions is easily adapted.

Obs2: Visualization can be opened in the responsive mode, you can move the will to see the behavior, especially with the 'complete' page.

Have you ever used Materialize? I think it's best to create these types of blocks ...

But in Bootstrap you can distribute the cells you want inside the container of the size you want. Example:

<div class="container">
<div class="row">
    <div class="col-md-6"></div>
    <div class="col-md-6"></div>
</div>
</div>

Then just stylize with CSS.