système de grille de liquide dans bootstrap

Question

Je lis actuellement un livre sur Bootstrap, Publications O'REILLY

Il semble nicher une grille fluide est un peu différent: Puisque nous utilisons les pourcentages, chaque ligne remet à zéro la colonne à compter 12. Par exemple, si vous étiez dans un Span8, au lieu de deux éléments span4 pour diviser le contenu en deux, vous utiliseriez deux span6 divs (voir Fluid Grid System | 5 Figure 1-4).

Tel est le cas pour le contenu réactif, comme nous voulons que le contenu pour remplir 100% du conteneur:

<div class="row-fluid"> 

    <div class="span8"> 
     level 1 of column 
     <div class="row"> 
      <div class="span6"> 
       Level 2 
      </div> 
      <div class="span6"> 
       Level 2 
      </div> 
     </div> 
    </div> 
</div> 

Ma question est, pourquoi, au lieu d'utiliser deux span4 de span6 devrions-nous nous contenter remplir 100% du conteneur?

Answer 1

Parce que la largeur de la grille est calculée sur la base de toute la largeur de la grille, et non sur la portée parente de l'élément en question. Imaginez un scénario dans lequel vous avez 3 ou 4 niveaux d'imbrication. les calculs de largeur deviendraient très complexes. En gardant tout par rapport à la structure externe de la grille, la visualisation et la CSS restent elles-mêmes simplifiées.