Comment aligner à droite les boutons Bootstrap ?
Le framework CSS Bootstrap fournit des classes permettant de modifier l'alignement des éléments dans la page. Si vous souhaitez aligner un bouton à droite, il faut utiliser la classe pull-right :
<button class=pull-right>Je suis à droite</button>
A l'inverse, pour aligner un élément à gauche, on utilise la classe pull-left :
<button class=pull-left>Je suis à gauche</button>
Ces deux classes attribuent à l'élément la propriété float en fixant sa valeur à left ou right suivant la classe utilisée. Si votre élément possède la propriété float, parce qu'il est contenu dans un élément flottant, mais que vous souhaitiez que ce ne soit pas le cas, la classe clearfix permet d'annuler la propriété float :
<div class=pull-right> <span>Je flotte à droite</span> <span class=clearfix>Moi pas</span> </div>
Ces propriétés fonctionnent de la même manière pour la version 2 et la version 3 de Boostrap. Depuis la version 3, il n'est cependant plus conseillé d'utiliser ces classes pour les barres de navigation. On utilise alors les classes navbar-left ou navbar-right. Depuis la version 3.1, leur usage est également déconseillé dans les menus déroulants créés avec le framework. Il faut utiliser alors les classes dropdown-menu-right ou dropdown-menu-left.