子菜單不能在bootstrap中工作3

Question

我在bootstrap 3中創建了一個非常簡單的子級項目下拉菜單，如下所示。

<div class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav"> 
       <li class="dropdown"> 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">File</a> 
        <ul class="dropdown-menu"> 
         <li><a href="#">Company</a></li> 
         <li class="dropdown"> 
          <a href="#" data-toggle="dropdown" class="dropdown-toggle">Utilities<span class="pull-right">&raquo;</span></a> 
          <ul class="dropdown-menu"> 
           <li>Item1</li> 
           <li>Item2</li> 
          </ul> 
         </li> 
         <li><a href="#">Services</a></li> 
        </ul> 
        </li> 
      </ul> 
</div> 

我已經包含了bootstrap.css，jquery.js和bootstrap.js。對於第一級，它工作正常，但第二級不起作用。我不知道爲什麼。

Answer 1

Bootstrap 3.x不支持下拉子菜單。你可以通過添加更多的CSS樣式來實現它。

Follow this link https://stackoverflow.com/a/18024991/5488620 它可以幫助你。