Twitter Bootstrap: espace blanc sur les côtés gauche et droit dans des largeurs d'écran plus petites?

J'ai balisage similaire à ceci:

<div class="container-fluid">
    <div class="container">
        <div class="row">
            <h1>Hello World!</h1>
        </div>
    </div>
</div>

Évidemment, je veux le .container-fluid étendre sur toute la largeur de l'écran. Cependant, dans les petites largeurs d'écran, il ne semble pas le faire. Il apparaît un espace sur les deux côtés de l'écran, réduisant ainsi la quantité de l'écran de l'immobilier et affectant l'aspect global et le sentiment que je suis en train de réaliser.

Est-il un moyen de se débarrasser de cet espace? Je veux .container-fluid étendre sur toute la largeur de l'écran, quelle que soit la largeur de l'écran.

source d'informationauteur StackOverflowNewbie

  1. 17

    Dans le bootstrap-responsive.css, le corps devient un 20px de rembourrage sur les côtés gauche et droit de fenêtres plus petites tailles. Si vous ne voulez pas que à tous, le supprimer de votre version. C'est à la ligne 803 et ressemble à ceci:

    @media (max-width: 767px) {
  /*body { These are the lines you want to remove
    padding-right: 20px; 
    padding-left: 20px;
  }*/

    Si vous voulez simplement supprimer l'espace blanc sur un certain élément ou catégorie, ajouter ces marges:

     margin-left:-20px;
 margin-right:-20px;
  2. 8

    J'ai eu le même problème à l'aide de Bootstrap 3.0. Résolu pour les petits écrans, en mettant:

    .container {
     padding-right: 0; /*15px in bootstrap.css*/
     padding-left: 0;  /*idem*/
     margin-right: auto;
     margin-left: auto;
}

    dans ma propre feuille de style.

  3. 3

    Simplement

    .container-fluid {
     padding:0;
}

    Si la barre de défilement apparaît due à la frontière de la boîte, il doit y avoir 

    box-sizing: border-box;

    pertinentes de la classe pour faire défiler la barre de défilement disparaître

  4. 0

    Les deux marges sont créés par les classes content et body-content. Si vous utilisez ces classes dans toute div extérieure, essayez de supprimer ces classes pour retirer le cache des marges sur les côtés de la page.