bootstrap3 - 下拉菜单

最新推荐文章于 2022-02-14 14:54:32 发布

weixin_33896726

最新推荐文章于 2022-02-14 14:54:32 发布

阅读量71

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/iNiL0119/blog/485684

版权

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div class="dropdown">
        <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">下拉菜单<span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
            <li><a href="#">选项1</a></li>
            <li><a href="#">选项2</a></li>
            <li><a href="#">选项3</a></li>
            <li class="divider"></li>
            <li><a href="#">选项4</a></li>
        </ul>
    </div>
    <script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>下拉菜单</title>
    <link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div>
        <button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">下拉菜单<span></span>
        </button>
        <ul>
          <li class="dropdown-header">第一部分菜单头</li>
          <li><a href="#">选项1</a></li>
          <li><a href="#">选项2</a></li>
          <li><a href="#">选项3</a></li>
          <li class="divider"></li>
          <li class="dropdown-header">第二部分菜单头部</li>
          <li><a href="#">选项4</a></li>
        </ul>
    </div>
    <script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>