Sommaire

Le flottement des blocs CSS POUR LA MISE EN PAGE:Flottement

Bootstrap nous propose deux classes, .pull-left et .pull-right, pour gérer les blocs flottants à gauche et à droite. Ces classes sont à utiliser dans des éléments de type bloc, comme les boîtes <div>.

Dans cet exemple, nous allons faire flotter une image sur sa gauche, dans un paragraphe de texte.

Voici le code HTML utilisé :

<div class="pull-left"><img src="tigre.jpg" alt="Tigre" class="img-thumbnail"></div> 
<p>Etiam porta sem malesuada magna...</p>

L’affichage :

images/C08-001.png

Voici les deux classes utilisées, sachant que dans l’exemple ci-dessus nous n’avons utilisé que le flottement à gauche (.pull-left) :

.pull-left { 
   float: left !important; 
} 
.pull-right { 
   float: right !important; 
}

Utilisez le fichier Bootstrap-02-CSS/06-mep-1.html pour afficher cet exemple.