Bootstrap系列 -- 26. 下拉菜单标题
Bootstrap下拉菜单中使用 dropdown-header 来显示菜单标题,和上一篇说道的分割线一样
<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="dropdown-header">第一部分菜单头部</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"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li><li role="presentation" class="divider"></li><li role="presentation" class="dropdown-header">第二部分菜单头部</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"><a role="menuitem" tabindex="-1" href="#">下拉菜单项</a></li></ul> </div> <div class="dropdown"><button class="btn btn-info dropdown-toggle" data-toggle="dropdown">选择运动</button><ul class="dropdown-menu"><li class="dropdown-header">第一部分标题</li><li><a href="javascript:void(0)">足球</a></li><li><a href="javascript:void(0)">篮球</a></li><li><a href="javascript:void(0)">乒乓球</a></li><li class="divider"></li><li class="dropdown-header">蔬菜</li><li><a href="javascript:void(0)">足球</a></li><li><a href="javascript:void(0)">篮球</a></li><li><a href="javascript:void(0)">乒乓球</a></li></ul> </div>
Bootstrap系列 -- 26. 下拉菜单标题相关推荐
- Bootstrap系列 -- 28. 下拉菜单状态
下拉菜单项的默认的状态(不用设置)有悬浮状态(:hover)和焦点状态(:focus). 下拉菜单项除了上面两种状态,还有当前状态(.active)和禁用状态(.disabled).这两种状态使用方法 ...
- Bootstrap下拉菜单标题
下拉菜单标题 在任何下拉菜单中,均可通过添加标题来标明一组动作.为某个下拉项的 <li> 元素添加 .dropdown-header类,让它成为一组动作的标题.标题以浅灰色显示.如: &l ...
- Bootstrap风格jQuery下拉菜单插件
下载地址一款漂亮的Bootstrap风格jQuery下拉菜单插件,可以被附加到任何你想要的元素,可以添加一些表单控件,也可以使用CSS添加图标插入,还可以有固定的HTML. dd:
- Bootstrap组件_下拉菜单
下拉菜单<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8& ...
- bootstrap网格系统,下拉菜单
网格系统实现原理 把网页大小分为12份,仅仅通过定义容器大小,平分12份,再调整内外边距,最后结合媒体查询,就可以制作出响应式栅格系统 栅格系统用于一系列的含(row)和列(column)的组合来创建 ...
- Bootstrap3系列:下拉菜单
1.引用Bootstrap 示例引用的Bootstrap版本:v3.3.7 <script src="~/Scripts/jquery-2.2.4.min.js">&l ...
- bootstrap下拉框分页_【Bootstrap】 bootstrap-select2下拉菜单插件
这次开发了个小TRS系统,虽然是很小,但是作为初心者,第一次用到了很多看起来洋气使用起来有相对简单的各种前端(主要是和bootstrap配合使用)组件.包括bootstrap-select2,boot ...
- Bootstrap创建按钮下拉菜单
按钮下拉菜单 下拉菜单组件是一个独立的组件,可以将页面上的任何元素(如,按钮.导航等)和下拉菜单进行组合,让相应的元素具有下拉功能. 如果把按钮和下拉菜单进行组合,并让按钮充当下拉菜单的开关,就可以实 ...
- bootstrap分割式下拉菜单显示不全
[背景] 最近在研究bootstrap,在实现分割的按钮下拉菜单时,遇到这样一个问题,按钮和下拉菜单不对齐.大小不一样,见下图: [解决方式] 需要加一句<!DOCTYPE html>,h ...
最新文章
- JavaScript调用Applet的函数
- UIProgressView(进度条控件)
- 2015年阿里实习生面试Java研发工程师 小记
- assert()函数用法
- mysql数据库,创建只读用户
- Nginx开启stub_status模块配置方法_nginx
- shell中参数及带色彩打印
- dategurd oracle_Oracle之11g DataGuard
- Vijos P1335 数独验证【谜题】
- python flask http 接口开发
- 【浅谈】日文的文本等出现乱码的情况以及解决办法
- KGB知识图谱,利用科技解决传统知识图谱问题
- 小米手机显示流量数据连接到服务器,小米手机流量总不稳定,这三项设置可能你会用到...
- educoder中Spark GraphX—构建图及相关操作
- 个人独资公司税收标准
- Linux 中实用但很小众的 11 个炫酷终端命令
- gunicorn 安装部署详解
- elementUI table 修改表格背景色,去除单元格底部横线
- 薛定谔 | 小分子叠合
- 激活函数(Relu,sigmoid,Tanh,softmax)详解
热门文章
- python输入一个英文句子、翻转句子中单词的顺序_ODOA(1) 翻转句子中单词的顺序(C语言实现)...
- python函数调用语句_Python函数定义和函数调用
- python计算圆周率_Python实现计算圆周率π的值到任意位的方法示例
- html鼠标点击伪类,CSS伪类:CSS3鼠标滑过按钮动画
- 任务分配算法c语言,基于蚁群算法多Agent任务分配方法.pdf
- python中使用grpc方法示例_在Python中使用gRPC的方法示例
- 访问服务器 request.getheader(origin)为null_服务器磁盘不足,1分钟快速搞定!
- 软件测试行业有哪些细分方向,软件测试人员有哪些职业发展方向?
- led16*16点阵实验c语言,基于单片机的64*16LED点阵电子显示屏设计 pcb图+原理图+源程序...
- 如何启动mongoDB并用Robo 3T连接