下拉菜单类.dropdown
在软件中未能实现
下拉菜单设定
下拉菜单的标签
下拉菜单
.dropdown 控制组件为下拉
.dropdown-menu-right 代替 .pull-right 右对齐
.divider 分割线
下拉菜单dropdown
div :dropdown
button: dropdown-toggle
ul: dropdownmenu
li
下拉菜单组件
<div class="dropdown">
<button class="btn btn-default drop-toggle" data-toggle="dropdown">这是按钮
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="http://www.imooc.com">慕课网</a></li>
<li><a href="http://www.imooc.com">慕课网</a></li>
<li><a href="http://www.imooc.com">慕课网</a></li>
</ul>
</div>
dropdown-toggle 按钮的切换样式class data-toggle="dropdown" 按钮处设置的绑定事件 dropdown-menu 下拉菜单class caret 按钮的角标
下拉菜单:
1、.dropdown控件为下拉
2、.dropdown-menu-right代替.pull-right右对齐3.1.0版本以后
3、divider分割线
<!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></title> <link href="201658254038徐梓洲(Boostrap)/css/bootstrap.min.css"rel="stylesheet"/> <link href="201658254038徐梓洲(Boostrap)/css/bootstrap-theme.css" rel="stylesheet"/> <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script> <script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="dropdown"> <button class="btn btn-default dropdown-toggle "data-toggle="dropdown">这是按钮 <span class="caret"></span> </button> <ul class="dropdown-menu"> <li>你好</li> <li> <a href="http://www.baidu.com">你好</a> </li> <li>你好</li> </ul> </div> </body> </html>
dropdownlist
2
2
下拉菜单组件
<div class="dropdown">
<button class="btn btn-default drop-toggle" data-toggle="dropdown">这是按钮
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="http://www.imooc.com">慕课网</a></li>
<li><a href="http://www.imooc.com">慕课网</a></li>
<li><a href="http://www.imooc.com">慕课网</a></li>
</ul>
</div>
dropdown-toggle 按钮的切换样式class data-toggle="dropdown" 按钮处设置的绑定事件 dropdown-menu 下拉菜单class caret 按钮的角标