插入到下拉列表中时，选项卡窗格不起作用

Question

我正在尝试在下拉列表中插入我的工作标签，但遗憾的是标签不起作用。我不知道为什么我不再工作了。

这是我的一段代码

<ul class="menu" id="menu">
  <li data-toggle="dropdown"><a href="#">Vehicles</a>


    <ul class="dropdown-menu">
      <hr/>
      <ul class="nav nav-tabs tab-header material-tab" role="tablist">


        <li class="active"><a href="#cars" role="tab" data-toggle="tab">Cars</a></li>
        <li><a href="#images" role="vans" data-toggle="tab">Vans</a></li>

        <li><a href="#suv" role="tab" data-toggle="tab">SUVs & Pickup</a></li>
      </ul>

      <!-- Tab panes -->
      <div class="tab-content white-bg-tabs">
        <div class="tab-pane active" id="cars" role="tabpanel">
          Cars Content
        </div>

        <div class="tab-pane" id="vans" role="tabpanel">
          Vans Content
        </div>

        <div class="tab-pane" id="suv" role="tabpanel">
          SUVs & Pickup Content
        </div>
      </div>

    </ul>

  </li>
  <li><a href="#">Owners</a></li>
  <li><a href="#">Promotions</a></li>
  <li><a href="#">Shop</a></li>
</ul>

我不知道这是不是我的css代码。我正在使用bootstrap和一些像slicknav这样的插件。