Question

有人可以帮我解决这个问题。看起来我已经准确地设置了它在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">

Answer 1

将href和src路径目录从（href =“assets /＆amp; src =”assets / js /）更改为您自己的路径directoy。希望这个帮助

Answer 2

您必须包含Twitter Bootstrap responsive CSS和collapse js。并可选择transition js。

工作示例http://jsfiddle.net/PD4kg/

无法让Twitter Bootstrap崩溃工作

2 个答案: