0

だから私はここでこれらの数え切れないほどのスタックを見てきました。そして人々はあなたが何かを逃しているなどと言い続けます。しかし、トリプルチェックを行ったことがありますが、何も見逃していないと確信しています。

これは、ページが縮小されたように見えるものです。

Twitterのブートストラップナビゲーションに関するレスポンシブな問題

そして、これは私のナビゲーションソースがどのように見えるかです：

<div class="navbar">
  <div class="navbar-inner">
    <div class="container">

      <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>

      <!-- Be sure to leave the brand out there if you want it shown -->
      <a class="brand" href="#">Project name</a>

      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse collapse">
        <ul class="nav">
            <li><a href="#">Test Link</a></li>
            <li><a href="#">Test Link</a></li>
            <li><a href="#">Test Link</a></li>
            <li><a href="#">Test Link</a></li>
        </ul>
      </div>

    </div>
  </div>
</div>

なぜそれが縮小せず、タッチデバイス用のボタンが表示されないのかについてのアイデアはありますか？その小さなドロップダウンのこと？

注：ビューポートメタタグとレスポンシブcss、およびjavascriptとjqueryがすべてページにあります（私の理解では、必要なのはレスポンシブcssだけです）

4

1 に答える 1

0

私が見る1つのエラーdata-target=".navbar-responsive-collapse"はdata-target=".nav-collapse"

それ以外の場合は、フィドルで正常に動作するようです-http://jsfiddle.net/eNF97/なので、他に何かが欠けている必要があります。レスポンシブ ファイルへのパスが正しいことを確認してください。

于 2012-11-27T21:56:34.453 に答える