2014-07-12 4 views
0

J'ai essayé cette solution afin de centrer ma navigation bootstrap, mais est-ce qu'elle provoque un petit écart au fond de mes effets sur hover? Je pense que c'est dû au flotteur mais je ne sais pas comment le réparer.Twitter Bootstrap centrage responsive navbar gap sur fond vol stationnaire

navbar-collapse.collapse { 
text-align: center; /* Set this */ 
height: auto !important; 
padding-bottom: 0; 
overflow: visible !important; 
font-weight:bold; 
} 

/* This should be around line 4866 in your bootstrap.css */ 
.navbar-nav { 
display:inline-block; 
float: none; 
margin: 0; 
}` 

EDIT ----

Lien vers le code http://www.bootply.com/sp1jl3CnJ0

+2

votre HTML publier ainsi – aw04

+1

violon ou démonstration codepen serait être utile – Tushar

+0

Si votre problème doit d o lorsque les flotteurs ne sont pas correctement nettoyés, utilisez «clear: both» pour nettoyer vos flotteurs. – Tim

Répondre

0

Vous pouvez this

CSS

.navbar-nav { 
    display: table; 
    float: none; 
    margin: 0 auto; 
} 
+0

Cela semble fonctionner, merci. Pourriez-vous expliquer comment cela fait les choses différemment? – user2513718

+0

Si vous supprimez le flotteur pour enfant li et que vous appliquez un bloc inline, cela fonctionnera également. Je ne suis pas sûr de ce qui se passait exactement avec le bloc en ligne pour ul. Peut-être parce que le fait d'avoir un flotteur lui causait des problèmes. – Tushar

+0

Pourriez-vous me montrer comment faire cela si ce n'est pas trop de problèmes? – user2513718

Questions connexes