bootstrap下拉菜单,官方示例,页面为空白

时间:2018-02-22 07:30:53

标签: twitter-bootstrap drop-down-menu



PrintNonTextItem




我只是按照官方网站编写下拉菜单,但我在浏览器中看不到任何内容,并且在控制台中没有错误。

1 个答案:

答案 0 :(得分:0)

您缺少包含div的下拉列表和一个用于打开下拉菜单的按钮。这是一个有效的例子:



<html>  
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.bootcss.com/bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/2.3.2/js/bootstrap.min.js"></script>

   </head>
   <body>
    <div class="dropdown">
      <button class="btn dropdown-toggle" data-toggle="dropdown">
        test
        <span class="caret"></span>
      </button>
      <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
        <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>

   </body>
</html>
&#13;
&#13;
&#13;