1

誰かがこれを機能させるのを手伝ってくれませんか。Twitter Bootstrap docs で示唆されているとおりにセットアップしたようですが、navbar nav の折りたたみは機能しません。動作を妨げるような特別なスタイルのセットアップもありません。画面を小さくしたり、モバイルデバイスで表示したりすると、メニューが折りたたまれなくなります。

<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

Twitter Bootstrapレスポンシブ CSSとcollapse jsを含める必要があります。オプションでjs を遷移します。

作業例http://jsfiddle.net/PD4kg/

于 2013-04-11T20:37:21.690 に答える