Twitter Bootstrap以背景悬停为中心的响应式导航栏间隙

Question

我已经尝试过这个解决方案，以便将我的引导导航器集中在一起，但是它是否会在我的悬停效果底部造成一个小间隙？我认为这是由于浮动，但我不知道如何解决它。

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;
}`

编辑----

链接到代码http://www.bootply.com/sp1jl3CnJ0

Answer 1

您可以尝试this

CSS

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