1

有人可以帮我解决这个问题。看来我已经完全按照 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>

在我的标题中，我有以下所有这些都在受人尊敬的领域并被正确添加。

<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">
4

2 回答 2

0

将 href 和 src 路径目录从 ( href="assets/ & src="assets/js/ ) 更改为您自己的路径目录。希望这有帮助

于 2013-04-11T20:17:10.103 回答
0

您必须包含Twitter Bootstrap响应式 CSS和折叠 js。并且可以选择转换 js。

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

于 2013-04-11T20:37:21.690 回答