首页 > 代码库 > Bootstrap3系列:下拉菜单
Bootstrap3系列:下拉菜单
1.引用Bootstrap
示例引用的Bootstrap版本:v3.3.7
<script src="~/Scripts/jquery-2.2.4.min.js"></script><script src="~/Scripts/bootstrap.min.js"></script><link href="~/Content/bootstrap.min.css" rel="stylesheet" />
2.基本使用
2.1 示例代码
<div class="dropdown"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 下拉菜单<span class="caret"></span> </button> <ul class="dropdown-menu"> <li><a href="#">菜单项1</a></li> <li><a href="#">菜单项2</a></li> <li><a href="#">菜单项3</a></li> </ul></div>
.dropdown:定义下拉菜单框
.dropdown-toggle:定义下拉菜单的触发元素
data-toggle="dropdown":触发下拉菜单
.dropdown-menu:定义下拉菜单条面板
2.2 示例效果
Bootstrap3系列:下拉菜单
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。