Twitter Bootstrap下拉菜單不顯示

Question

與大多數無法使Twitter Bootstrap Dropdown菜單工作的人不同，我甚至無法讓它出現在我的任何瀏覽器中（例如Chrome 26）。 僅當我從class屬性中刪除“dropdown-menu”屬性時才會出現。 下拉列表中的所有代碼都直接從文檔頁面中剪切並粘貼。 我已經使用了所有的“Scaffolding”和“Base CSS”示例中的所有周圍代碼，它們工作得很好。 如果我查看源代碼，我可以看到代碼在那里。 除非我刪除“下拉菜單”屬性，否則它不會顯示在我的瀏覽器中。 我一周前下載了Bootstrap，所以我使用的是最新版本。 順便說一下，我完全清除了所有瀏覽器設置並重新啟動。 誰能看到我做錯了什么？

謝謝！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Components | Dropdowns</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>

    <div class="dropdown">
      <!-- Link or button to toggle dropdown -->
      <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
        <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>
    </div>

    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body>
</html>

Answer 1

您需要在下拉列表中添加觸發器： -

演示

 <div class="dropdown">

    <a class="dropdown-toggle" id="drop4" role="button" 
     data-toggle="dropdown" href="#">Dropdown 
      <b class="caret"></b></a> <!--Here-->

  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    <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>
</div>

當你刪除類dropdown-menu它會出現，因為它只是出現了一些樣式的ul 。

或者只是添加這個$('.dropdown-menu').toggle(); 沒有觸發器。

Twitter Bootstrap下拉菜單不顯示

問題描述

1 個解決方案

解決方案1
7 已采納 2013-05-10 21:33:50

演示

Twitter Bootstrap下拉菜單不顯示

問題描述

1 個解決方案

解決方案1 7 已采納 2013-05-10 21:33:50

演示

解決方案1
7 已采納 2013-05-10 21:33:50