html - 使 Bootstrap 3 nav pills 占据网格中定义的空间

Question

背景

我正在制作一个界面，我在其中显示元素并使用 nav pills 来显示信息。

我正在使用 Twitter Bootstrap 来实现我想要的外观，但我的网格布局没有按预期工作。

问题

在我的界面中，我希望 nav-pills 占据它们所在行的整个空间，但它们只占据左 Angular :

<ul class="nav nav-pills row">
    <li class="active col-sm-4">
        <a>Information</a>
    </li>
    <li class="col-sm-4">
        <a>Facts</a>
    </li>
    <li class="col-sm-4">
        <a>Simillar</a>
    </li>
</ul>

我读了documentation ，我相信我做的一切都很好。这是一个 Plunker 示例，您可以在其中查看我提供的迷你示例:

• > https://plnkr.co/edit/E4Fx0x8xmuy6d1TwJe9R?p=preview

问题

1. 我做错了什么？
2. 我该如何解决？

Answer 1

我认为“要占据他们所在行的整个空间”，您可以使用预定义类 nav-justified:

<ul class="nav nav-pills nav-justified">