Question

Just looked at the Bootstrap toolkit and attempting to get the dropdown’s working on the top menu.

The code I have for the menu is as follows

<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>

The dropdown isn’t doing anything when clicked?

I have included the following css file.

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

Can anyone help me here?
Thanks.

Answer 1

Try to add the JavaScript file for the dropdown functionality too – http://twitter.github.com/bootstrap/#javascript