Выбор нового элемента в раскрывающемся списке начальной загрузки не очищает предыдущий выбор

Question

Следующий пример кода ведет себя как ожидалось, за исключением одной проблемы. Как вы можете видеть, у меня есть два пункта меню, первый из которых - выпадающий список, в котором перечислены даты. При выборе в этом раскрывающемся списке мои предыдущие выделения остаются выделенными. Я бы хотел, чтобы он вел себя так, что, делая второй выбор, он удаляет предыдущие выборы. Я могу, вероятно, принудительно отменить выбор с помощью 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> 

Заранее благодарим за помощь.

После того, как вы решили удалить навигацию из выпадающего списка, я сделал это. Тем не менее, у меня все еще такая же проблема. Вот как выглядит этот раздел сейчас.

<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>