Twitter引导程序下拉菜单不可用;t出现

Twitter Bootstrap Dropdown Menu Doesn't Appear

本文关键字：出现 引导程序 下拉菜单 Twitter      更新时间：2023-09-26

与大多数难以让Twitter Bootstrap下拉菜单正常工作的人不同，我甚至无法让它出现在我的任何浏览器中(例如Chrome 26(。只有当我从类属性中删除"下拉菜单"属性时，它才会出现。下拉div中的所有代码都是直接从文档页面剪切和粘贴的。我已经使用了所有周围的代码和所有的"脚手架"answers"基本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>

您需要在下拉列表中添加一个触发器：-

Demo

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

或者只添加这个没有触发器的CCD_ 3。

相关文章：