Comment vertical align moyen d'un bouton dans une dynamique div
J'aimerais centre d'une alignés verticalement bouton dans un div en utilisant bootstrap
<div class="row" >
<div class="col-xs-2">
<button class="btn" style="color: #660066;">
<i class="fa fa-arrow-left" data-ng-click="onClickBack()" ></i>
</button>
</div>
<div class="col-xs-10">
<h4> {{rootNode.nodeName}}</h4>
</div>
</div>
Comme vous le voyez, j'ai deux colonnes,l'une contenant un bouton dans la gauche, l'autre contenant l'Étiquette. Lors de l'étiquette.la longueur est augmentée alors que la div vais changer la hauteur -> je veux que le bouton soit toujours centré dans la div.
- Avez-vous essayez d'utiliser l'offset-md-x classes?
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser
display:inline-block
etvertical-align:middle
:Voici un démo de violon.
Bien que vous devrez assurez-vous de supprimer l'espace blanc entre la colonne
<div>
s dans votre balisage. Reportez-vous à cette réponse pour plus d'informations sur que.J'ai utilisé ce. De vérifier la "propriété de style". Que va faire l'affaire.
Le problème est que le rembourrage sur la
H4
est plus que le bouton. Vous pouvez vous envelopper bouton à l'intérieur de laH4
(peut-être pas la meilleure pratique), ou de changer le bouton de rembourrage dans votre CSS..OU, laissez le bouton comme il est, et appliquer le CSS à la
H4
..http://bootply.com/106259