html - 我的 Bootstrap Navbar 列表没有出现在中心

Question

我正在尝试将我的菜单列表项置于 Bootstrap 导航栏的中心。我尝试了很多 CSS 样式，但它仍然在左侧。下面是我的 html 和 css，如果我对 css 有误，请纠正我。[更具体地说，我想要的是我想要那些菜单项正确在 Logo 下方。][1]

<div class="header-botom">
            <div class="content white">
                <nav class="navbar navbar-default nav-menu" role="navigation">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>
                    <div class="clearfix"></div>
                    <!--/.navbar-header-->

                    <div class="collapse navbar-collapse collapse-pdng" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav nav-font">
                            <li><a href="#">Home</a></li>
                            <li><a href="#">Ear Rings</a></li>
                            <li><a href="#">Jewelry </a></li>
                            <li><a href="#">Accessories</a></li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                    <!--/.navbar-collapse-->
                    <div class="clearfix"></div>
                </nav>
                <div class="clearfix"></div>
            </div

>
             </div> 

.nav-menu{
    background: transparent;
    border-radius: 0;
    border: 0;
    margin-top: 6px;
}
.navbar .{
    text-align:center;
}
.navbar-nav li{
    float: none;
    display: inline-block;
}



  [1]: /image/wxHSz.png

Answer 1

您要查找的是添加这些 css 属性。

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

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

此 question 的可能重复项.

JS斌here