3

私はこのマークアップを持っています：

<div class='navbar'>
            <div class='navbar-inner'>
              <div class='container'>
                <a class='btn btn-navbar' data-target='.nav-collapse' data-toggle='collapse'>
                  <span class='icon-bar'></span>
                  <span class='icon-bar'></span>
                  <span class='icon-bar'></span>
                </a>
                <div class='nav-collapse'>
                  <ul class='nav'>
                    <li class='active'>
                      <a href='#'>Home</a>
                      <a href='#'>Option 2</a>
                      <a href='#'>Option 3</a>
                    </li>
                  </ul>
            </div>
          </div>
        </div>
      </div>

画面がいっぱいになると正常にレンダリングされますが、画面を折りたたむと、オプションを表示するために展開するボタンが表示されません。私が正しくやっていないことはありますか？画面が折りたたまれた後にボタンが表示されない理由はありますか？

ありがとう！

4

3 に答える 3

8

Andresが言ったように、必ず含める必要がありますbootstrap-responsive.cs。bootstrap.jsまた、折りたたまれたボタンをクリックするとメニュー リストが表示されるように、ファイルをロードする必要があります。

さらに、次のように、各リンクを独自の<li>タグでラップする必要があります。

<ul class='nav'>
  <li class='active'><a href='#'>Home</a></li>    
  <li><a href='#'>Option 2</a></li>
  <li><a href='#'>Option 3</a></li> 
</ul>

そうしないと、見慣れないメニューが表示されます。

于 2012-04-26T01:52:04.113 に答える
3

折りたたみプラグイン js ファイルを含める必要があります。そのように：http://twitter.github.com/bootstrap/javascript.html

于 2012-04-25T21:02:04.233 に答える
3

bootstrap-responsive.cssレスポンシブ機能を機能させるには、スタイルシートを含める必要があります。

http://getbootstrap.com/2.3.2/scaffolding.html#レスポンシブ

于 2012-04-25T22:09:16.690 に答える