Les classes offset : sauts de colonnes


Vous avez composé une page comprenant 3 colonnes:
  • une première colonne de classe span2
  • une seconde colonne de classe span 6
  • une troisième colonne de classe span2

Vous désirez "sauter" une colonne dans le cours de la page.

Les classes offset sont la solution :

offset12 créé une marge de gauche de 980px entre les deux colonnes
offset11 créé une marge de gauche de 900px entre les deux colonnes
offset10 créé une marge de gauche de 820px entre les deux colonnes
offset9 créé une marge de gauche de 740px entre les deux colonnes
offset8 créé une marge de gauche de 660px entre les deux colonnes
offset7 créé une marge de gauche de 580px entre les deux colonnes
offset6 créé une marge de gauche de 500px entre les deux colonnes
offset5 créé une marge de gauche de 420px entre les deux colonnes
offset4 créé une marge de gauche de 340px entre les deux colonnes
offset3 créé une marge de gauche de 260px entre les deux colonnes
offset2 créé une marge de gauche de 180px entre les deux colonnes
offset1 créé une marge de gauche de 100px entre les deux colonnes

<div class="row-fluid">
    <div class="span2">class span2</div>
    <div class="span6">class span6</div>
    <div class="span2">class span2</div>
  </div>
  <div class="row-fluid">
    <div class="span2">class span2</div>
    <div class="span2 offset6">class span2</div>
  </div>

class span2
class span6
class span2
class span2
class span2