Bootstrap下拉按钮不适用于版本3.3.6

Question

I am trying to follow bootstrap button drop down , but not working. 我正在尝试按照bootstrap按钮下拉菜单，但不起作用。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" >
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>


<div class="dropdown" style="display: block;">
    <ul class="dropdown-menu">
        <li><a href="#" tabindex="-1">Walter</a></li>
        <li><a href="#" tabindex="-1">Bunny</a></li>
        <li><a href="#" tabindex="-1">Big Lewaoaski</a></li>
    </ul>
</div>

Edit: 编辑：

<!DOCTYPE html>
<html>
<head>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" >

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" >
<link rel="stylesheet" href="https://bootswatch.com/cosmo/bootstrap.min.css" >


<!-- Latest compiled and minified JavaScript -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <title>Components Tutorial</title>
</head>
<body>
<div class="dropdown" style="display: block;">
    <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="#" tabindex="-1">Walter</a></li>
        <li><a href="#" tabindex="-1">Bunny</a></li>
        <li><a href="#" tabindex="-1">Big Lewaoaski</a></li>
    </ul>
</div>
</body>
</html>

Answer 1

Aside from the missing > if not a typo, you are not including the dropdown button to toggle the menu. 除了缺少>如果不是笔误，你是不是包括下拉按钮来切换菜单。

eg 例如

<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
  Dropdown Example <span class="caret"></span>
</button>

So putting that on your current code: 因此，将其放在您当前的代码中：

<div class="dropdown" style="display: block;">
    <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="#" tabindex="-1">Walter</a></li>
        <li><a href="#" tabindex="-1">Bunny</a></li>
        <li><a href="#" tabindex="-1">Big Lewaoaski</a></li>
    </ul>
</div>

Example Fiddle 小提琴的例子

Bootstrap下拉按钮不适用于版本3.3.6

问题描述

1 个解决方案

解决方案1
2 已采纳 2016-03-08 17:29:42

Bootstrap下拉按钮不适用于版本3.3.6

问题描述

1 个解决方案

解决方案1 2 已采纳 2016-03-08 17:29:42

解决方案1
2 已采纳 2016-03-08 17:29:42