引導式導航丸-“活動”類在打開的模式中不起作用

Question

我對nav-pills組件有以下代碼：

  <ul id="steps" class="nav nav-pills form-steps">
    <li class="active"><a data-toggle="pill" href="#options"></a></li>
    <li><a data-toggle="pill" href="#payments"></a></li>
  </ul>

這是主動a外觀的方式（基本上只是一個充滿特殊顏色的圓）：

.form-steps > li.active > a {
    background-color: #931f2a;
}

這是常規a的代碼：

.promoter-form-steps > li > a {
    border: 2px solid #931f2at;
    height: 30px;
    width: 30px;
    border-radius: 100%;
}

我想，通過添加.active類對應li元件使a填充色元件，但是當我打開模態此組件放置拳頭時間沒有。 當我單擊另一個鏈接后第二次打開模式時，我看到正確的行為，即.active類充滿了顏色。 這是一個SPA，我還有另一個帶有精確標記的nav-pills ，它的工作原理還不錯，而且我不太理解為什么這種行為不適用於第二個nav-pills 。 我再次檢查了類名和ID是否不會重復，並且我確定沒有自定義js參與其中。 您能給我一個方向去檢查我做錯了什么嗎？ 提前致謝！

Answer 1

這是Twitter Docs確定的推薦格式：

<ul class="nav nav-pills">
  <li class="nav-item">
    <a class="nav-link active" href="#">Active</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#">Disabled</a>
  </li>
</ul>

您的列表標簽需要具有nav-item類，而錨點則需要具有nav-link類，然后才能使用活動類