Sauter des colonnes

On a vu qu'il est possible de sauter des colonnes pour réserver des espaces. Pour réaliser cela il existe des classes de la forme :

col-*-offset-*

Prenons un exemple :

Le code correspondant est celui-ci :

<div class="row">
  <div class="col-md-4">...</div>
  <div class="col-md-4 col-md-offset-2">...</div>
</div>    

J'ai utilisé des classes pour un écran moyen md et j'ai utilisé la classe col-md-offset-2 pour sauter deux clonnes.

On peut multiplier les sauts :

Le code correspondant est celui-ci :

<div class="row">
  <div class="col-sm-2 col-sm-offset-1">...</div>
  <div class="col-sm-4 col-sm-offset-2">...</div>
  <div class="col-sm-2 col-sm-offset-1">...</div>
</div>    

Cette fois j'ai opté pour les classes correspondant à un affichage sur tablette sm.