15.下拉菜单

来源：互联网发布：电脑版淘宝编辑：程序博客网时间：2024/04/30 04:36
<!doctype html><html><head>    <meta charset="utf-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1">    <title>Bootstrap</title>    <link rel="stylesheet" href="css/bootstrap.css" /></head><!--第1步:添加一个dropdown父级;第2步:给button添加一个data-toggle="dropdown"属性;第3步:给ul添加一个class="dropdown-menu”. 最好再给button添加一个dropdown-toggle的class属性--><body>    <div class="container" style="margin-top:5px">        <div class="row">            <div class="dropdown">                <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">学院课程 <span class="caret"></span></button><!--btn-default默认颜色-->                <ul class="dropdown-menu">                    <li><a href="#">html</a></li>                    <li><a href="#">css</a></li>                    <li><a href="#">javascript</a></li>                    <li><a href="#">less</a></li>                    <li><a href="#">bootstrap</a></li>                </ul>               </div>        </div>    </div>    <script src="js/jquery-2.1.0.js"></script>    <script src="js/bootstrap.js"></script></body></html>
这里写图片描述
0 0