Dans bootstrap .pull-right pour aligner à droite .pull-left pour aligner à gauche puis quoi pour centre
Les .pull-left
et .pull-right
de Bootstrap fonctionnent avec css-float.
Le fonctionnement de float consiste à faire glisser les éléments en ligne suivants autour de l'élément flottant.
prise en charge de css-float: left
, right
, none
. Il n'y a pas d'option de centre. Par conséquent, il n'y a pas .pull-center
.
Vous pouvez aligner tous les éléments en ligne d'un élément de bloc en appliquant le css: text-align: center
au parent.
Si l'élément que vous essayez de centrer doit être en ligne ET ressemblant à un bloc, vous devez le définir avec display: inline-block
.
Vous pouvez voir quelques options d’alignement de texte dans bootstrap ici: http://getbootstrap.com/css/#type-alignment Notez que le <p>
est un élément de type bloc et le texte inside a un nœud textuel implicite qui est display: inline
.
La classe center-block
ne peut être utilisée que sur des images: http://getbootstrap.com/css/#images
center-block
pour centrer un élément dans Bootstrap.
Vous pouvez tester par une image:
<img class="center-block" src="xxx.PNG"/ >
essayez center-block
ou utilisez des colonnes de grille pour centrer votre élément. Si le texte utilise text-center