twitter-bootstrap - 垂直分隔线在 Bootstrap 3 中不起作用

Question

我打开了标准 Bootstrap 下载附带的 Nav 示例 (bootstrap-3.0.0\examples\navbar\index.html)，并在两个链接之间添加了垂直分隔线。

但是，它似乎对导航栏没有任何区别:

<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li class="divider-vertical"></li>
<li><a href="#">Link3</a></li>

Answer 1

我认为这会使用 3.0 将其恢复

.navbar .divider-vertical {
    height: 50px;
    margin: 0 9px;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #f2f2f2;
}

.navbar-inverse .divider-vertical {
    border-right-color: #222222;
    border-left-color: #111111;
}

@media (max-width: 767px) {
    .navbar-collapse .nav > .divider-vertical {
        display: none;
     }
}