How to use the entire widescreen to display a web page? I'm using bootstrap

Question

The following is an example. The red part corresponds to the current blank space of my website. I want to use this part of the space, that is, make the normal structure wider, but I don’t know how to do it.

Answer 1

Change the outermost layout element .container to .container-fluid to convert the fixed-width grid layout into a 100%-width layout.

Not only used for root elements, but also if you want 100% width inside.
See: http://v3.bootcss.com/css/#gr...

Please note that structures such as internal rows also need attention.

<p class="container-fluid">
  <p class="row">
      <p class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</p>
      <p class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</p>
  </p>
</p>

Answer 2

Replace class="container" with class="container-fluid"