twitter-bootstrap
Imbrication de la grille

Angular 2 AngularJS ASP.NET asp.net-mvc CSS HTML JavaScript jQuery PHP Ruby on Rails
Recherche…


Introduction

Dans Bootstrap, il est possible d'utiliser des colonnes de grille à l' intérieur d' autres colonnes. Cela est utile lors de la création de mises en page réactives avancées utilisant plusieurs niveaux de grille .

Remarques

Nous pouvons avoir autant de colonnes que possible de la manière mentionnée ci-dessus.

Colonnes d'imbrication

<div class="row">
  <div class="col-sm-9">
    Level 1: .col-sm-9
    <div class="row">
      <div class="col-xs-8 col-sm-6">
        Level 2: .col-xs-8 .col-sm-6
      </div>
      <div class="col-xs-4 col-sm-6">
        Level 2: .col-xs-4 .col-sm-6
      </div>
    </div>
  </div>
</div>

L'exemple est tiré de [ http://getbootstrap.com/css/#grid-nesting][1]

comme le suggère la documentation du site officiel

Pour imbriquer votre contenu avec la grille par défaut, ajoutez un nouveau .row et un ensemble de colonnes .col-sm- * dans une colonne existante .col-sm- *. Les lignes imbriquées doivent inclure un ensemble de colonnes de 12 au maximum (il n'est pas nécessaire d'utiliser les 12 colonnes disponibles).

entrer la description de l'image ici



Modified text is an extract of the original Stack Overflow Documentation
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow