-1

ブートストラップでテンプレートを作成しているcodeigniterアプリケーションがあります
メインのナビゲーションバーがあります

<div class="navbar navbar-inverse navbar-fixed-top">..........</div>

そして、右上にあるリンクのレスポンシブドロップダウンメニューを配置したい

ここに画像の説明を入力してください

私の主な問題は、ドロップダウンが機能することですが、ドロップダウンメニューが表示され、（全幅で）表示されないときにスクロールが生成されます。

ボタンのドロップダウンを使用しました...他のアイデア/提案はありますか？ありがとう！

http://twitter.github.com/bootstrap/components.html#buttonDropdowns

4

1 に答える 1

0

間違ったコンポーネントを使用しているようです。使用する必要があるのはこれです：

http://twitter.github.com/bootstrap/javascript.html#dropdowns

これにより、ボタンをナビゲーションに貼り付けるのではなく、ナビゲーションにドロップダウンを組み込むことができます。このアプローチでブラウザが特定の幅よりも狭い場合、メニューは階層にスライドします。

ドロップダウン3を使用すると、スクリーンショットのようにHTMLをフロートさせることができます。

<ul class="nav pull-right">
  <li id="fat-menu" class="dropdown">
    <a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown 3 <b class="caret"></b></a>
    <ul class="dropdown-menu" role="menu" aria-labelledby="drop3">
    <li><a tabindex="-1" href="#">Action</a></li>
    <li><a tabindex="-1" href="#">Another action</a></li>
    <li><a tabindex="-1" href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a tabindex="-1" href="#">Separated link</a></li>
    </ul>
  </li>
</ul>
于 2012-12-11T21:38:41.273 に答える