Je suis en train de développer un site via le nouveau Bootstrap. Pour ma navbar, je me suis basée sur cet exemple, parce qu'il ressemble fortement à ce que je souhaite pour ma navbar: http://getbootstrap.com/examples/justified-nav/
Le soucis, c'est au niveau du centrage vertical, puisque j'ai ce type de rendu:
Je cherche donc à faire un centrage vertical pour tous mes éléments.
Merci de votre aide, j'avais déjà vu cet article (super intéressant par ailleurs), mais j'ai bien peur que ça ne s'applique pas à ce que le bootstrap met déjà en place, j'ai essayé plusieurs techniques et çà marche pas des masses ;-)
Si je place un line-height: 79pxsur mes li, je n'ai pas du tout l'effet escompté: les li qui sont sur plusieurs lignes ont un espacement de 79px entre chaque ligne...
Il y a une astuce, proposée par loun4st4ck sur ce forum il y a longtemps. En l'adaptant à ton html cela donnerait en gros :
.nav-justified li {
line-height : 79px;
}
.nav-justified li a {
display:inline-block;
vertical-align:middle;
line-height:normal /* et hop on rétablit le line-height */
}
- Edité par Lamecarlate 4 mars 2014 à 11:01:52
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Caema, j'adore ta navbar autant au niveau des couleurs que du design.
Good job.
- Edité par pilot26 6 janvier 2019 à 22:35:01
Centrer verticalement les éléments d'une navbar
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Pas d'aide concernant le code par MP, le forum est là pour ça :)