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基础学习十一篇的更多相关文章

  1. bootstrap基础学习二篇

    这篇学习网格系统(Grid System) Bootstrap 提供了一套响应式.移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列. 1.网格选项: ...

  2. bootstrap基础学习五篇

    bootstrap表格 Bootstrap 提供了一个清晰的创建表格的布局.下表列出了 Bootstrap 支持的一些表格元素: 标签 描述 <table> 为表格添加基础样式. < ...

  3. bootstrap基础学习八篇

    bootstrap辅助类 a.对于文本颜色 以下不同的类展示了不同的文本颜色.如果文本是个链接鼠标移动到文本上会变暗: 类 描述 .text-muted "text-muted" ...

  4. bootstrap基础学习七篇

    bootstrap图片 Bootstrap 提供了三个可对图片应用简单样式的 class: .img-rounded:添加 border-radius:6px 来获得图片圆角. .img-circle ...

  5. bootstrap基础学习六篇

    bootstrap按钮 类 描述 .btn 为按钮添加基本样式 .btn-default 默认/标准按钮 .btn-primary 原始按钮样式(未被操作) .btn-success 表示成功的动作 ...

  6. bootstrap基础学习四篇

    bootstrap代码 Bootstrap 允许两种方式显示代码: 第一种是 <code> 标签.如果您想要内联显示代码,那么您应该使用 <code> 标签. 第二种是 < ...

  7. bootstrap基础学习三篇

    bootstrap的排版 1.标题 Bootstrap 中定义了所有的 HTML 标题(h1 到 h6)的样式 2.代码如下: <div class="container"& ...

  8. bootstrap基础学习一篇

    官网:http://www.bootcss.com/ 这里,主要讲解bootstrap3.关于他的介绍就不用复述了. 1.示例 <!doctype html> <html lang= ...

  9. bootstrap基础学习十篇

    bootstrap字体图标(Glyphicons) a.什么是字体图标 字体图标是在 Web 项目中使用的图标字体.虽然,Glyphicons Halflings 需要商业许可,但是您可以通过基于项目 ...

随机推荐

  1. SS配置出错解决方法

      { "server":"0.0.0.0", "local_address":"127.0.0.1", "l ...

  2. adb shell root

    因为开发需要,我经常会用到adb这个工具(Android Debug Bridge),我们都知道adb shell默认是没有root权限的,修改系统文件就很不方便了,adb push一个文件就提示Pe ...

  3. ant Select 联动

    1.代码 /** * 选择监区 组件 */ import React, { PureComponent } from 'react'; import PropTypes from 'prop-type ...

  4. 一次vm 虚拟机时间倒流而导致的oracle 数据库启动故障

    一次vm 虚拟机时间倒流而导致的oracle 数据库启动故障 本文是原创文章.若转载请注明出处: http://blog.csdn.net/msdnchina/article/details/3878 ...

  5. Hibernate 主配置文件详解

    摘要: 版权声明:本文为博主原创文章,如需转载请标注转载地址. 博客地址:http://www.cnblogs.com/caoyc/p/5595870.html 一.主配置文件命名规则 1.默认名称: ...

  6. C语言-数据结构(一)

    1.动态创建多维数组 int ** createArray(int rows, int cols) { int **x, i; x = (int **)malloc(rows * sizeof(*x) ...

  7. sklearn中xgboost模块中plot_importance函数(特征重要性)

    # -*- coding: utf-8 -*- """ ######################################################### ...

  8. Hive 数据倾斜原因及解决方法(转)

    在做Shuffle阶段的优化过程中,遇到了数据倾斜的问题,造成了对一些情况下优化效果不明显.主要是因为在Job完成后的所得到的Counters是整个Job的总和,优化是基于这些Counters得出的平 ...

  9. GitHub的Fork 是什么意思

    现在有这样一种情形: 有一个叫做Joe的程序猿写了一个游戏程序,而你可能要去改进它.并且Joe将他的代码放在了GitHub仓库上. 下面是你要做的事情 fork并且更新GitHub仓库的图表演示 Fo ...

  10. 关于Tomcat 开启不了的几点解释

    这段时间基本熟悉java语言基本语法包,类(内部,外部),整体结构跟c#还是有点差异,在接口,多态,抽象等几乎一致,唯一差异仅存在于关键字上. 在用了几天记事本熟悉代码上,昨天晚上就准备转想myEcl ...