css - Link DropDown Bootstrap 无法正常工作

标签 css twitter-bootstrap drop-down-menu

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 7 年前

我试图在我的 NAV 中创建一个链接,以便在悬停或单击它时生成一个下拉菜单 (class="dropdown-menu")。

以下代码在单击或悬停时不会生成下拉菜单。我确保 Bootstrap CDN 正确加载。

下面的代码有什么问题?

<li><a href="createTeam.php"><img width='20' src='./icons/pencil.png'>הקמת צוות שיפור</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><b class="caret"></b>דוחות</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                        </ul>   
                    </li>

最佳答案

请将此代码用于 Bootstrap 下拉列表

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
                                           
  <div class="dropdown">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Example
    <span class="caret"></span></button>
    <ul class="dropdown-menu">
      <li><a href="#">Page 1</a></li>
      <li><a href="#">Page 2</a></li>
      <li><a href="#">Page 3</a></li>
    </ul>
  </div>
</div>

</body>
</html>

关于css - Link DropDown Bootstrap 无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34722200/

上一篇:html - 如何在不更改其他图像的情况下更改侧边栏图像的边框半径?

下一篇:javascript - 无法显示 Bootstrap 模式?

相关文章:

jquery水平子菜单在菜单单击时保持打开状态

html - 中心跨度与 div 中的文本

css - 通过渲染插件添加水印

jquery - 将 jquery 验证添加到 ASP.NET MVC 页面中帖子的选择下拉列表

javascript - jQuery 验证插件、Bootstrap、Jasny Bootstrap 文件输入正则表达式 - 验证在 Firefox 中工作而不是在 Chrome/IE 中

android - 如何在 Android 应用程序中添加 DropDown

java - 使用 Java 的 Selenium Webdriver - 单击超链接的下拉容器

html - 无法让 CSS 应用于 HTML 文件

html - 自定义 Bootstrap 按钮颜色背景错误的点击

javascript - 将下拉菜单设置为只读