中心引导程序的品牌和列表项

关于将 Twitter bootstrap 的品牌居中或将导航栏中的列表项居中存在几个问题，但我还没有弄清楚如何将两者居中。

这是一个例子，用于修改twitter bootstrap导航栏 https://stackoverflow.com/questions/10568103/modify-twitter-bootstrap-navbar，但它仅以列表项为中心，而不以品牌为中心。 HTML 的结构如下：

<div class="navbar navbar-fixed-top center">
     <div class="navbar-inner">
        ....
     </div>
</div>

还有CSS：

.center.navbar .nav,
.center.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}

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

这里有一个现场演示：http://jsfiddle.net/C7LWm/ http://jsfiddle.net/C7LWm/

我如何将品牌和列表项居中，以便两者都居中在一行上？

EDIT:

我只是注意到，如果您在导航栏中有一个下拉菜单（就像在更新的答案中一样），那么下拉菜单真的很混乱（下拉菜单根本不显示，如果它显示，表单背景就会消失）。 一种更好的方法可能是，如果所有项目都不居中并且逐行排列，相反，它们应该全部位于一行上，然后居中，类似于非响应视图，但现在有第二个线。 那可能吗？

要使 UL 居中，您不需要编写任何类。

Bootstrap 提供了您需要的一切，只需执行以下操作：

<ul class="list-inline center-block text-center">
 // your list
</ul>