Bootstrap中的中心对齐菜单

Question

已经尝试过这个社区的其他解决方案，但没有任何接缝可以工作！ 我想水平居中菜单。 “徽标”在其顶部对齐。

这是代码（对此没有重要意义的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

试试这段代码，

Bootstrap Centered Navigation

Bootstrap Centered Menu

Answer 2

好了，解决了：

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