html - Twitter Bootstrap 在背景悬停时将响应式导航栏间隙居中

Question

我已经尝试过此解决方案以使我的 bootstrap nav 居中，但是它是否会在我的悬停效果底部造成一个小间隙？我认为这是由于 float 造成的，但我不知道如何解决。

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