提示:记得导入bootstrap的css、js包和jquery包---->>>地址
CODE
<!DOCTYPE html>
<html lang=\"en\">
<head>
<meta charset=\"UTF-8\">
<title></title>
<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\"/>
<meta name=\"viewport\" content=\"width=device-width,
initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no\" />
<link rel=\"stylesheet\" href=\"bootstrap/css/bootstrap.css\">
<script src=\"js/jquery-3.1.1.js\"></script>
<script src=\"bootstrap/js/bootstrap.js\"></script>
</head>
<style>
*{
margin: 0;
padding:0;
box-sizing:border-box;
}
body,ul,li,p{margin:0;padding:0;}
ul{list-style-type: None;}
</style>
<body>
<!-- 按钮下拉菜单 -->
<div class=\"btn-group\">
<button type=\"button\" class=\"btn btn-default dropdown-toggle\" data-toggle=\"dropdown\">
分类 <span class=\"caret\"></span>
</button>
<ul class=\"dropdown-menu\">
<li class=\"text-center\">少儿</li>
<li class=\"divider\"></li> <!-- 下划线 -->
<li class=\"text-center\">计算机</li>
<li class=\"divider\"></li>
<li class=\"text-center\">社会</li>
</ul>
</div>
</body>
</html>
版权声明
本文仅代表作者观点,不代表百度立场。
本文系作者授权百度百家发表,未经许可,不得转载。



