不能让Twitter Bootstrap崩溃工作

有人可以帮助我得到这个工作。看起来，我已经设置了它在Twitter Bootstrap文档中的建议，但导航栏导航栏上的“折叠”对我而言并不适用。我没有特别的风格设置，可能会干扰它的工作。正在发生的事情是，当我缩小屏幕或在移动设备上查看时，菜单不会像应该的那样折叠。不能让Twitter Bootstrap崩溃工作

<div class="navbar navbar-inverse" id="masthead"> 
    <div class="navbar-inner"> 
    <div class="container"> 
     <div class="brand muted" >Redding Salon</div> 
     <!-- .btn-navbar is used as the toggle for collapsed navbar content --> 
     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </a> 
     <div class="nav-collapse collapse"> 
     <ul class="nav nav-pills pull-right" id="navbar" > 
      <li><a href="#home">Home</a></li> 
      <li><a href="#make_an_appointment">Make An Appointment</a></li> 
      <li><a href="#meet_the_stylist">Meet The Stylists</a></li> 
      <li><a href="#contact_us">Contact Us</a></li> 
     </ul> 
     </div> 
    </div> 
    </div> 
</div>

而在我的heaeder我有以下所有这些都在尊重领域，并获得正确添加。

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script> 
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script> 
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">

来源

2013-04-11 Seldon Stone