html - Bootstrap 中的居中对齐菜单

Question

已经尝试过这个社区的其他解决方案，但没有任何效果!!我想水平居中菜单。 “ Logo ”在其顶部左对齐。

这是代码(与此无关的 css 没有更改):

<nav class="navbar navbar-default navbar-fixed-top">

    <div class="col-lg-2">
    </div>

    <div class="col-lg-8">

        <img class="logo" src="images/logo.png" />

        <ul class="nav nav-pills">
            <li>
                <a href="#"><img src="images/menu/123.png" />
                </a>
            </li>
            <li>
                <a href="#"><img src="images/menu/456.png" />
                </a>
            </li>
            <li>
                <a href="#"><img src="images/menu/789.png" />
                </a>
            </li>
        </ul>
    </div>      

    <div class="col-lg-2">            
    </div>

</nav>

编辑:这解决了问题

ul {
    width: 825px;
    margin: auto;
}

Answer 1

尝试更改此 <div class="col-lg-8">对此 <div class="col-lg-8 col-lg-push-2 center-block">

去掉两个空<div class="col-lg-2">