bootstrap基础学习十一篇
bootstrap下拉菜单(Dropdowns)
下拉菜单是可切换的,是以列表格式显示链接的上下文菜单。如需使用下列菜单,只需要在 class .dropdown 内加上下拉菜单即可。
a.代码示例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Bootstrap 实例 - 下拉菜单(Dropdowns)</title>
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
</head>
<body> <div class="dropdown">
<button type="button" class="btn btn-md dropdown-toggle" id="dropdownMenu1"
data-toggle="dropdown">
主题
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
<li role="presentation">
<a role="menuitem" tabindex="-1" href="#">Java</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">
<a role="menuitem" tabindex="-1" href="#">分离的链接</a>
</li>
</ul>
</div> </body>
</html>
b.效果如图:
aaarticlea/png;base64,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" alt="" />
c.对齐
通过向 .dropdown-menu 添加 class .pull-right 来向右对齐下拉菜单。
如:
<ul class="dropdown-menu pull-right" role="menu"
aria-labelledby="dropdownMenu1">
d.标题
可以使用 class dropdown-header 向下拉菜单的标签区域添加标题
如:
<li role="presentation" class="dropdown-header">下拉菜单标题</li>
效果如:aaarticlea/png;base64,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" alt="" />
bootstrap基础学习十一篇的更多相关文章
- bootstrap基础学习二篇
这篇学习网格系统(Grid System) Bootstrap 提供了一套响应式.移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列. 1.网格选项: ...
- bootstrap基础学习五篇
bootstrap表格 Bootstrap 提供了一个清晰的创建表格的布局.下表列出了 Bootstrap 支持的一些表格元素: 标签 描述 <table> 为表格添加基础样式. < ...
- bootstrap基础学习八篇
bootstrap辅助类 a.对于文本颜色 以下不同的类展示了不同的文本颜色.如果文本是个链接鼠标移动到文本上会变暗: 类 描述 .text-muted "text-muted" ...
- bootstrap基础学习七篇
bootstrap图片 Bootstrap 提供了三个可对图片应用简单样式的 class: .img-rounded:添加 border-radius:6px 来获得图片圆角. .img-circle ...
- bootstrap基础学习六篇
bootstrap按钮 类 描述 .btn 为按钮添加基本样式 .btn-default 默认/标准按钮 .btn-primary 原始按钮样式(未被操作) .btn-success 表示成功的动作 ...
- bootstrap基础学习四篇
bootstrap代码 Bootstrap 允许两种方式显示代码: 第一种是 <code> 标签.如果您想要内联显示代码,那么您应该使用 <code> 标签. 第二种是 < ...
- bootstrap基础学习三篇
bootstrap的排版 1.标题 Bootstrap 中定义了所有的 HTML 标题(h1 到 h6)的样式 2.代码如下: <div class="container"& ...
- bootstrap基础学习一篇
官网:http://www.bootcss.com/ 这里,主要讲解bootstrap3.关于他的介绍就不用复述了. 1.示例 <!doctype html> <html lang= ...
- bootstrap基础学习十篇
bootstrap字体图标(Glyphicons) a.什么是字体图标 字体图标是在 Web 项目中使用的图标字体.虽然,Glyphicons Halflings 需要商业许可,但是您可以通过基于项目 ...
随机推荐
- GObject对象系统
http://www.ibm.com/developerworks/cn/linux/l-gobject/ 简单的说,GObject对象系统是一个建立在GLIB基础上的,用C语言完成的,具有跨平台特色 ...
- python __set__ __get__ __delete__
class Attr(object): def __init__(self,attrname,attrtype): self.attrname=attrname self.attrtype=attrt ...
- Android 不同View ID相同
转自:http://blog.csdn.net/program035/article/details/6905045 今天在写一段代码是,两个Activity的Button设置了相同的ID,竟然没有报 ...
- JavaScript Map 实现
//定义map function Map() { this.container = {}; } //将key-value放入map中 Map.prototype.put = function(key, ...
- SSH面试题目
一简答 spring工作原理 为什么要用spring 3.请你谈谈SSH整合 4.介绍一下Spring的事务管理 5.Struct2基本流程 6.在Hibernate应用中Java对象的状态有哪些? ...
- 使用Openssl创建证书
概述 SSL证书通过在客户端浏览器和Web服务器之间建立一条SSL安全通道(Secure socketlayer(SSL),SSL安全协议主要用来提供对用户和服务器的认证:对传送的数据进行加密和隐藏: ...
- AssionShop开源B2C电子商务系统-(一)用例图(转载)
这篇文章,将有实质的进展.先把大体的需求整理了一份用例图,自认为粒度做的已经很细了,再细就没法搞了.我还是坚信一个原则:自己业余搞的东西千万不要 想一口吃个胖子,这样很容易项目就搞流产了~,废话不多说 ...
- NGUI中获取鼠标在控件内部坐标
在UIWidget 中添加以下函数.获得的坐标系是以右上角为原点坐标,x轴向左,一轴向下. public Vector2 GetTouchPoint() { Vector3 p0 = cachedT ...
- FPGA大公司面试笔试数电部分,看看你会多少
1:什么是同步逻辑和异步逻辑?(汉王) 同步逻辑是时钟之间有固定的因果关系.异步逻辑是各时钟之间没有固定的因果关系. 答案应该与上面问题一致 [补充]:同步时序逻辑电路的特点:各触发器的时钟端全部连接 ...
- Catalog的种类
框架中的Catalog 在MEF框架中,包含了4种Catalog,所有的Catalog的是从System.ComponentModel.Composition.Primitives名称空间下的Comp ...