Bootstrap系列 -- 28. 下拉菜单状态

　　下拉菜单项的默认的状态（不用设置）有悬浮状态（:hover）和焦点状态（:focus）。

　　下拉菜单项除了上面两种状态，还有当前状态（.active）和禁用状态（.disabled）。这两种状态使用方法只需要在对应的菜单项上添加对应的类名

<div class="dropdown"><button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">下拉菜单<span class="caret"></span></button><ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"><li role="presentation" class="active"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li><li role="presentation"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li><li role="presentation" class="divider"></li><li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li></ul>
</div>

转载于:https://www.cnblogs.com/qingyuan/p/4601151.html

Bootstrap系列 -- 28. 下拉菜单状态相关推荐

Bootstrap系列 -- 26. 下拉菜单标题
Bootstrap下拉菜单中使用 dropdown-header 来显示菜单标题,和上一篇说道的分割线一样 <div class="dropdown"><butt ...
Bootstrap风格jQuery下拉菜单插件
下载地址一款漂亮的Bootstrap风格jQuery下拉菜单插件,可以被附加到任何你想要的元素,可以添加一些表单控件,也可以使用CSS添加图标插入,还可以有固定的HTML. dd:
bootstrap下拉框分页_【Bootstrap】 bootstrap-select2下拉菜单插件
这次开发了个小TRS系统,虽然是很小,但是作为初心者,第一次用到了很多看起来洋气使用起来有相对简单的各种前端(主要是和bootstrap配合使用)组件.包括bootstrap-select2,boot ...
Bootstrap3系列：下拉菜单
1.引用Bootstrap 示例引用的Bootstrap版本:v3.3.7 <script src="~/Scripts/jquery-2.2.4.min.js">&l ...
Bootstrap组件_下拉菜单
下拉菜单<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8& ...
Bootstrap创建按钮下拉菜单
按钮下拉菜单下拉菜单组件是一个独立的组件,可以将页面上的任何元素(如,按钮.导航等)和下拉菜单进行组合,让相应的元素具有下拉功能. 如果把按钮和下拉菜单进行组合,并让按钮充当下拉菜单的开关,就可以实 ...
bootstrap分割式下拉菜单显示不全
[背景] 最近在研究bootstrap,在实现分割的按钮下拉菜单时,遇到这样一个问题,按钮和下拉菜单不对齐.大小不一样,见下图: [解决方式] 需要加一句<!DOCTYPE html>,h ...
Bootstrap手机端下拉菜单（铺满）
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
bootstrap网格系统，下拉菜单
网格系统实现原理把网页大小分为12份,仅仅通过定义容器大小,平分12份,再调整内外边距,最后结合媒体查询,就可以制作出响应式栅格系统栅格系统用于一系列的含(row)和列(column)的组合来创建 ...

Bootstrap系列 -- 28. 下拉菜单状态

Bootstrap系列 -- 28. 下拉菜单状态相关推荐

最新文章

热门文章