Twitter Bootstrap：中心药丸

我的问题是如何使药片居中？

我尝试在周围添加中心块并更改float:left to float:center但没有任何帮助。

这已经变得简单多了！你只需要使用text-center容器上的类，并应用display:inline-block to the ul。只需确保有一个换行符或段落标记将导航与容器内的任何其他元素分开。

完毕！添加 2 个类，1 行 CSS（不要修改 bootstrap css 文件！）。

HTML:

<div class="col-md-12 text-center">
    <p>Copyright stuff</p>
    <ul class="nav nav-pills center-pills">
        <li><a href="#">Footer nav link</a></li>
        <li><a href="#">Footer nav link</a></li>
    </ul>
</div>

CSS:

.center-pills { display: inline-block; }

2015年编辑：正如 Artur Beljajev 所提到的，Flexbox 支持现在足够常见 http://caniuse.com/#feat=flexbox您可能想用它来代替：

.center-pills {
    display: flex;
    justify-content: center;
}