Bootstrap下拉菜单

版权声明: https://blog.csdn.net/dfggffdd/article/details/79957596

.dropdown    将下拉菜单触发器和下拉菜单都包裹再 .dropdown

data-toggle 这是一个属性,下拉菜单触发器,取值为 dropdown

.dropdown-menu 给 <ul> 标签设置的下拉菜单的样式

.dropdown-header 用于设置下拉菜单的标题

.divider 设置一个水平线


一个简单的下拉菜单

		<div class="container">
			<div class="dropdown">	
			<button class="btn btn-success" data-toggle="dropdown">下拉菜单 <span class="glyphicon glyphicon-chevron-down"></span></button>
			<ul class="dropdown-menu">
				<li class="dropdown-header">下拉菜单</li>
				<li><a href="#">下拉菜单</a></li>
				<li><a href="#">下拉菜单</a></li>
				<li><a href="#">下拉菜单</a></li>
				<li><a href="#">下拉菜单</a></li>
				<li><a href="#">下拉菜单</a></li>
			</ul>
			</div>
		</div>

没有更多推荐了,返回首页

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试

关闭