引導程序不會下拉

Question

我正在嘗試但doens't工作我不知道。

<div class="navbar"> 
    <div class="navbar-inner"> 
     <a href="#" class="brand">MyTry</a> 

     <ul class="nav"> 
      <li><a class="active" href="#">..</a></li> 
      <li><a href="#">..</a></li> 
      <li class="dropdown"> 
       <a class="dropdown-toggle" data-toggle="dropdown" href="#"> 
        <span class=" icon-search"></span> 
        <b class="caret"></b> 
       </a> 
       <ul class="dropdown-menu"> 
        <form class="form-inline" role="form"> 
         <input type="text" class="form-control" placeholder="Text input"> 
        </form> 
       </ul> 
      </li> 

     </ul> 
    </div> 
</div> 

我沒有看到錯誤。只是不工作下拉系統。例如。加入內部

<li><a href="#">foo-bar</a></li> 

仍然不起作用。

我們如何解決？ 感謝您的關注。

好的作品..

Answer 1

對於任何白手起家的下拉列表中，動畫等的工作，你必須包括

bootstrap.js

文件。

這裏有一個小提琴： http://jsfiddle.net/BH9g9/

<div class="navbar"> 
    <div class="navbar-inner"> 
     <a href="#" class="brand">MyTry</a> 

     <ul class="nav"> 
      <li><a class="active" href="#">..</a></li> 
      <li><a href="#">..</a></li> 
      <li class="dropdown"> 
       <a class="dropdown-toggle" data-toggle="dropdown" href="#"> 
        <span class=" icon-search"></span> 
        <b class="caret"></b> 
       </a> 
       <ul class="dropdown-menu"> 
        <form class="form-inline" role="form"> 
         <input type="text" class="form-control" placeholder="Text input"> 
        </form> 
       </ul> 
      </li> 

     </ul> 
    </div> 
</div> 

有什麼不對我們的代碼。除了缺少的JavaScript包括。

Answer 2

您應該包含jquery和bootstrap js文件。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>