1

bootstrap-dropdown.js を機能させようとしています。しかし、それは正しく機能していません。ドロップダウン メニューは表示されますが、適切な場所には表示されません。

問題を示すスクリーンショットを添付しました。また、jsfiddleについて私が取っている問題を示すリンクは次のとおりです

この点で何か助けていただければ幸いです。

スクリーンショット

これは、ナビピルとドロップダウンを追加する方法です（ドキュメントに記載されているとおり）

<div class="navbar masthead">
        <ul class="nav nav-pills pull-right">
          <li class="active">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">Abcdef</a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Action</a></li>
                <li><a href="#">Action</a></li>
              </ul>
          </li>
          <li>
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Abcdef</a>
            <ul class="dropdown-menu">
              <li><a href="#">Action</a></li>
              <li><a href="#">Action</a></li>
              <li><a href="#">Action</a></li>
            </ul>
          </li>
          <li>
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Abcdef</a>
            <ul class="dropdown-menu">
              <li><a href="#">Action</a></li>
              <li><a href="#">Action</a></li>
              <li><a href="#">Action</a></li>
            </ul>
          </li>
          <li>
            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Abcdef</a>
            <ul class="dropdown-menu">
              <li><a href="#">Action</a></li>
              <li><a href="#">Action</a></li>
              <li><a href="#">Action</a></li>
            </ul>
          </li>
        </ul>
        <h3>Test</h3>
</div>
4

1 に答える 1

0

ドロップダウン メニューがあるはずの"dropdown"それぞれにクラスを追加します。<li>編集されたフィドルを参照してください

于 2012-12-23T04:34:12.303 に答える