Question

我有一个带有2个标签的导航栏

<header>
        <nav class="navbar navbar-default">
          <div class="container-fluid">

            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav">

                <li><a href="#taba">Tab A</a></li>
                <li><a href="#tabb">Tab B</a></li>

              </ul>
           </div>
          </div>
        </nav>
    </header>

最初在页面加载时，标签的文本（比如标签A）是白色的。当我将鼠标悬停在标签A上或单击标签A时，其颜色会变为绿色，这很好。但是当我点击同一页面上的其他地方时，标签A的颜色会变回白色。这会使用户混淆哪个选项卡处于焦点。

除非我点击标签b，否则引导程序是否有任何方式允许标签A的文本保持绿色无论我在哪里点击页面？

Answer 1

您必须将元素的类设置为“active”

变化：

<li><a href="#taba">Tab A</a></li>

为：

<li class="active"><a href="#taba">Tab A</a></li>

Bootstrap Navbar选项卡失去了对click的关注

1 个答案: