引导程序不会下拉

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>