Comment utiliser l’intégralité de l’écran large pour afficher une page Web ? j'utilise bootstrap

Question

Ce qui suit est un exemple. La partie rouge correspond à l'espace vide actuel de mon site Web. Je souhaite utiliser cette partie de l'espace, c'est-à-dire élargir la structure normale, mais je ne sais pas comment faire.

Answer 1

Changez l'élément de mise en page le plus à l'extérieur .container en .container-fluid pour convertir la mise en page de grille à largeur fixe en une mise en page de 100 % de largeur.

Non seulement utilisé pour les éléments racine, mais aussi si vous voulez une largeur intérieure de 100 %.
Voir : http://v3.bootcss.com/css/#gr...

Veuillez noter que les structures telles que les rangées internes nécessitent également une attention particulière.

<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

va class="container" 换成 class="container-fluid"