如何在"nav-pills“和"nav-stacked”中显示"divider“？

Question

编写类似以下内容的代码：

<div class="container">

<div class="row">
    <div class="col-sm-3">
        <ul class="nav nav-pills nav-stacked">
            <li><a href="#">Available glyphs</a></li>
            <li class="disabled"><a href="#">How to use</a></li>
            <li><a href="#">Examples</a></li>
            <li class="divider"></li>
            <li><a href="#">Example</a></li>
        </ul>
    </div>
    <div class="col-sm-3">
        <ul class="nav nav-pills nav-stacked">
            <li><a href="#">Basic example</a></li>
            <li><a href="#">Vertical variation</a></li>
            <li class="divider"></li>
            <li><a href="#">Single button dropdowns</a></li>
        </ul>
    </div>
    <div class="col-sm-3">
        <ul class="nav nav-pills nav-stacked">
            <li><a href="#">Basic example</a></li>
            <li><a href="#">Checkboxes and radio addons</a></li>
            <li class="divider"></li>
            <li><a href="#">Justified</a></li>
        </ul>
    </div>
    <div class="col-sm-3">
        <ul class="nav nav-pills nav-stacked">
            <li><a href="#">Fixed to bottom</a></li>
            <li><a href="#">Static top</a></li>
            <li><a href="#">Inverted navbar</a></li>
        </ul>
    </div>
</div>

​

类"divider“不工作。我是不是遗漏了什么？

http://jsfiddle.net/isherwood/B9gHc

Answer 1

在Bootstrap 3中，divider类已更改为nav-divider。

 <li class="nav-divider"></li>

所以你可以在没有任何自定义CSS的情况下使用它。http://bootply.com/101379

更新

.nav-divider在v3.0.1中已弃用

Answer 2

<li class="nav-item"><hr style="width:90%;"></li>

因为它被弃用了。根据你的喜好改变。