Link DropDown Bootstrap无法正常工作

时间:2016-01-11 13:00:20

标签: css twitter-bootstrap drop-down-menu

我正在尝试在我的资产净值中建立一个链接,以便在悬停或点击时生成一个下拉菜单(类="下拉菜单")。

以下代码在点击或悬停时不会产生下拉菜单。我确保引导程序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>

1 个答案:

答案 0 :(得分:-1)

请使用此代码进行Bootstrap Dropdown

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