html - 如何在引导导航标签之间使用分隔符/分隔符

我通过Bootstrap定义了一些选项卡，如下所示：

<ul class="nav nav-tabs">
    <li>
        <a href="#panel-myRules" data-toggle="tab">My Rules</a>
    </li>
    <li class="active">
        <a href="#panel-activeRules" data-toggle="tab">Active Rules</a>
    </li>
    <li>
        <a href="#panel-inactiveRules" data-toggle="tab">Inactive Rules</a>
    </li>
</ul>

我想在第二个和第三个标签之间留出一些空间，或者在它们之间有一个分隔符。Bootstraps的divider类不适用于定义为nav-tabs的选项卡。
知道怎么做吗？

最佳答案

I'd use CSS rule:

.nav-tabs li:nth-child(2) {margin-right: 10px;}

（AA）
或：

#myTabId {...}

（AA）

关于html - 如何在引导导航标签之间使用分隔符/分隔符，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27847106/