bootstrap47-Bootstrap 按钮下拉菜单-默认
2017-02-07 19:25
387 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap 按钮下拉菜单-默认</title>
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<div class="btn-group">
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
默认
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="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>
</div>
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap 按钮下拉菜单-默认</title>
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<div class="btn-group">
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
默认
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="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>
</div>
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
相关文章推荐
- Bootstrap组件---下拉菜单,多级菜单 ,按钮
- Bootstrap入门(十)组件4:按钮组与下拉菜单结合
- BootStrap--CSS组件--按钮下拉菜单
- Bootstrap 字体图标和下拉菜单、按钮
- bootstrap 学习笔记 - 5 (Glyphicons字体 + 下拉菜单 + 按钮组+ 按钮下拉菜单)
- bootstrap入门【组件之按钮组,下拉菜单,嵌套】
- tp3.2中修改页面下拉菜单和单选按钮默认选中数据库里的数据问题!
- Bootstrap 按钮下拉菜单
- Bootstrap3.0学习第十轮(下拉菜单、按钮组、按钮式下拉菜单)
- Bootstrap单按钮的下拉菜单
- bootstrap-按钮下拉菜单
- bootstrap分割的按钮下拉菜单,按钮和下拉菜单不对齐问题
- bootstrap-按钮下拉菜单
- Bootstrap3.0学习第十轮(下拉菜单、按钮组、按钮式下拉菜单)
- Bootstrap3.0学习第十轮(下拉菜单、按钮组、按钮式下拉菜单)
- bootstrap48-Bootstrap 按钮下拉菜单-原始
- Bootstrap页面布局15 - BS带下拉菜单的按钮
- bootstrap21-默认的复选框和单选按钮的实例
- bootstrap49-Bootstrap 分割的按钮下拉菜单
- Bootstrap学习:按钮下拉菜单