web-dev-qa-db-fra.com

Dans bootstrap .pull-right pour aligner à droite .pull-left pour aligner à gauche puis quoi pour le centre?

Dans bootstrap .pull-right pour aligner à droite .pull-left pour aligner à gauche puis quoi pour centre

6
Munasir Pv

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

3
Norbert

center-block pour centrer un élément dans Bootstrap.

Vous pouvez tester par une image:

<img class="center-block" src="xxx.PNG"/ >
1
Mr. Perfectionist

essayez center-block ou utilisez des colonnes de grille pour centrer votre élément. Si le texte utilise text-center

1
MAREESKANNNAN R