4

Bootstrapツールキットを見て、トップメニューでドロップダウンを機能させようとしました。

メニューのコードは次のとおりです

<div class="topbar">
  <div class="fill">
    <div class="container">
      <ul class="nav">
        <li class="active"><a href="/index.php">Home</a></li>
        <li><a href="/about.php">About Us</a></li>
        <li><a href="/news.php">Site News</a></li>
        <li class="dropdown">
          <a href="#" class="dropdown-toggle">Community</a>
          <ul class="dropdown-menu">
            <li><a href="/chatroom.php">Chatroom</a></li>
            <li class="divider"></li>
            <li><a href="/forums.php">Forums</a></li>
          </ul>
        </li>
      </ul>

      <form class="pull-left" action="">
        <input type="text" placeholder="Search" />
      </form>
      <ul class="nav secondary-nav">
        <li class="dropdown">
          <a href="#" class="dropdown-toggle">Account</a>
          <ul class="dropdown-menu">

            <li><a href="/profile.php?id=<? echo $_SESSION['id'];?>">Profile</a></li>
            <li><a href="/settings.php">Settings</a></li>
            <li><a href="/messages.php">Messages</a></li>
            <li class="divider"></li>
            <li><a href="/maintenance/admin.php">Admin</a></li>
            <li class="divider"></li>
            <li><a href="/process.php">Logout</a></li>
          </ul>
        </li>
      </ul>

    </div>
  </div>

</div>

クリックしてもドロップダウンは何もしませんか?

次のcssファイルを含めました。

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">

誰でもここで私を助けることができますか? ありがとう。

4

4 に答える 4

1

ドロップダウン機能用の JavaScript ファイルも追加してみてください - http://twitter.github.com/bootstrap/#javascript

于 2011-11-11T11:25:51.897 に答える
1

通常、上記の Bootstrap で Jquery を参照するとうまくいきます。bootstrap-dropdown を明示的に言及する必要さえありません。2つの異なる機会に私のために働きました。それが役に立てば幸い！

于 2013-09-22T20:07:16.197 に答える
0

<li>データドロップダウンプロパティを最初の例に追加してみてください

<li class="dropdown" data-dropdown="dropdown">

お役に立てれば。

于 2011-11-13T19:19:53.777 に答える