ブートストラップドロップダウンで新しい項目を選択しても前回の選択がクリアされない

Question

次のコードサンプルは、1つの問題を除き、期待どおりに動作します。ご覧のとおり、私は2つのメニュー項目を持っています。最初はドロップダウンで日付を表示します。このドロップダウン内で選択を行うと、以前の選択が強調表示されたままになります。 2番目の選択をするときに前の選択を削除するように振る舞いたい。私はおそらく、js/jqueryを使用して選択解除を強制することができますが、これを行うためのBootstrapのフレンドリーな方法があると思われます。実際には、上位メニューで適切な動作が得られます。

  <ul class="nav nav-pills nav-stacked"> 
      <li class="dropdown"> 
       <a class="dropdown-toggle" data-toggle="dropdown" href="" role="button" aria-haspopup="true" aria-expanded="false"> 
        Menus&nbsp; 
        <span class="caret"></span> 
       </a> 
       <ul class="dropdown-menu nav nav-pills nav-stacked"> 
        <li class="nav-item dropdown"> 
         <a class="nav-link" data-toggle="tab" href="#">1/8/2016</a> 
        </li> 
        <li class="nav-item dropdown"> 
         <a class="nav-link" data-toggle="tab" href="#">1/9/2016</a> 
        </li> 
        <li class="nav-item dropdown"> 
         <a class="nav-link" data-toggle="tab" href="#">1/10/2016</a> 
        </li> 
       </ul> 
      </li> 
      <li class="nav-item"> 
       <a class="nav-link" data-toggle="tab"  href="#tab_menu_item2">MenuItem2</a> 
      </li> 
     </ul> 

ご協力いただきありがとうございます。

ドロップダウンからナビを削除するためのTurnipsの提案の後、私はそうしました。私はまだ同じ問題を抱えています。ここでは、そのセクションが今のように見えます。

<ul class="dropdown-menu scroll-menu"> 
        <li class="dropdown"> 
         <a data-toggle="tab" href="#">1/8/2016</a> 
        </li> 
        <li class="dropdown"> 
         <a data-toggle="tab" href="#">1/9/2016</a> 
        </li> 
        <li class="dropdown"> 
         <a data-toggle="tab" href="#">1/10/2016</a> 
        </li> 

Answer 1

あなたのリストからドロップダウンクラスを削除してください。そしてなぜあなたはクラスnavbar-linkを追加していますか？ ：/

<ul class="dropdown-menu nav nav-pills nav-stacked"> 
         <li class="nav-item "> 
          <a class="dropdown-toggle" data-toggle="tab" href="#">1/8/2016</a> 
         </li> 
         <li class="nav-item "> 
          <a class="dropdown-toggle" data-toggle="tab" href="#">1/9/2016</a> 
         </li> 
         <li class="nav-item "> 
          <a class="dropdown-toggle" data-toggle="tab" href="#">1/10/2016</a> 
         </li> 
        </ul>