Bootstrap 3: 菜单居中 Center content in responsive bootstrap navbar

先看上面图片的效果，下面是代码：

.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
}

Edit: if you only want this effect to happen when the nav isn't collapsed surround it in the appropriate media query.

或者：

@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}