Bootstrap下拉菜单分隔线

下拉菜单分隔线

在下拉菜单中，可以使用 class="divider" 的 <li> 空元素，在菜单项之间添加一条水平分隔线，用于将多个动作分组。如：

<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>

效果如图 3‑13所示：

图3-13 下拉菜单分隔线

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。

Bootstrap下拉菜单分隔线相关推荐

Bootstrap下拉菜单
前面的话网页交互的时候经常会需要上下文菜单或者隐藏/显示菜单项,Bootstrap默认提供了用于显示链接列表的可切换.有上下文的菜单.而且在各种交互状态下的菜单展示需要和javascript插件配合 ...
linux boot菜单列表,Bootstrap 下拉菜单（Dropdowns）简介
Bootstrap 下拉菜单是可切换的,是以列表格式显示链接的上下文菜单.这可以通过与下拉菜单(Dropdown) JavaScript 插件的互动来实现. 如需使用下拉菜单,只需要在 class ...
Bootstrap下拉菜单dropdown组件的使用
Bootstrap下拉菜单组件的使用由于官方文档介绍不全,以及官方下载的包不完整,所以总测试不出效果!这里找条捷径给大家. 我们知道Bootstrap下拉菜单并非是真正意义上的select下拉框组件 ...
下拉菜单html菜鸟教程,Bootstrap 下拉菜单
Bootstrap 下拉菜单(Dropdown)插件 Bootstrap 下拉菜单这一章讲解了下拉菜单,但是没有涉及到交互部分,本章将具体讲解下拉菜单的交互.使用下拉菜单(Dropdown)插件,您 ...
Bootstrap学习-详解Bootstrap下拉菜单组件
转载:https://www.cnblogs.com/jnslove/p/5421187.html bootstrap框架中的下拉菜单组件是一个独立的组件,根据不同的版本,他对应的文件: less 对 ...
Bootstrap下拉菜单组件
组件的功能是帮助我们的网页实现一些功能,我们可以引用的是Bootstrap中的下拉菜单.我们来看看下拉组件中常用到的一些的功能: 下拉菜单的实现: <div class="dropdo ...
Bootstrap下拉菜单中禁用某个下拉菜单
禁用某个下拉菜单 Bootstrap3中,为下拉菜单中某个下拉项的 <li> 元素添加 .disabled 类,就可以禁止该选项,让该菜单项的链接变灰并失去鼠标悬停效果.如: <ul ...
Bootstrap下拉菜单标题
下拉菜单标题在任何下拉菜单中,均可通过添加标题来标明一组动作.为某个下拉项的 <li> 元素添加 .dropdown-header类,让它成为一组动作的标题.标题以浅灰色显示.如: &l ...
Bootstrap 下拉菜单
下拉菜单 Bootstrap中,可以将下拉菜单添加到任何其他组件中,包括导航条.胶囊式导航.标签导航.按钮导航等. 下拉菜单插件需要 bootstrap-dropdown.js 文件支持,在使用该插件 ...

Bootstrap下拉菜单分隔线

下拉菜单分隔线

Bootstrap下拉菜单分隔线相关推荐

最新文章

热门文章