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

你可以试试这个

的CSS

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