第七章.图标和下拉菜单组件

原创 2017年01月03日 17:18:18

各种图标的代码:

效果:

注意:使用图标的时候用i,而且必须有glyhicon,而你选择哪个具体的图标,再在后面加个对应的class。bootstrap其他的图标在下面的链接中,http://www.bootcss.com/p/metro-ui-css/icons.html

下拉菜单的代码:

效果:

                                                                                                      

注意:上面是两幅图片,点击左侧的小三角,就出现下拉菜单,再点击一下就会消失。

代码的说明:第一个dropdown是一个class,指明他是一个下拉菜单,第二个data-toggle="dropdown"是指明的目标点是下拉菜单,也就是触发事件。第三个是下拉出来的菜单。

版权声明:知识本无差别,何必在意你我?

3.1Bootstrap学习组件篇之下拉菜单、图标

本文章转载于http://blog.csdn.net/a316212802/article/details/24940577 1、Glyphicons图标 包括200个来自Glyphicon ...

Bootstrap 字体图标和下拉菜单、按钮

Bootstrap 字体图标http://www.runoob.com/try/demo_source/bootstrap3-glyph-icons.htm使用; ...

bootstrap入门【组件之按钮组,下拉菜单,嵌套】

btn-group-vertical 按钮组默认是水平排列的,运用vertical变成竖式排列 button type="button" class="btn btn-default dropdow...

BootStrap--CSS组件--下拉菜单(dropdown)

dropdown、dropdown-menu、dropdown-header、divider、dropdown-submenu 例子见下拉菜单.html//源码 .dropup, .dropdown...

IOS使用UItableView实现下拉菜单组件(UITableView的使用方法)

一. 基础版本 在登陆界面有时需要保存已经登陆的账号信息,可以点开一个下拉菜单选择保存的账号,这里是用UIKit的表格组件编写一个下拉菜单组件demo,实现思路如下: ...

Bootstrap 组件 - 下拉菜单(Dropdowns)

标记(Markup) 需要使用.dropdown或者其它声明了 position: relative; 的元素来包容下拉触发器和下拉菜单。 Action Anothe...
  • zjn0430
  • zjn0430
  • 2013年01月28日 10:03
  • 65216

Dwz 国产框架 JUI 分页组件下拉菜单bug解决方案

最近在研究JUI框架。 突然发现示例 界面组件→主框架面板→替换页面一 ;“替换页面一”示例中每页显示多少条的下拉菜单无论怎么选择都是最后显示20条。 一开始以为是自己弄错,后来才发现原来...

Bootstrap组件---下拉菜单,多级菜单 ,按钮

下拉菜单        ,dropdown(.dropup改变这个是上显示)   data-toggle="dropdown" (激活文本处)      .dropdown-menu   .pull-...
  • GQ_cyan
  • GQ_cyan
  • 2016年09月08日 19:32
  • 12805

Bootstrap图标菜单按钮组件

小图标组件 Bootstrap提供了免费的263个小图标,具体可以参考中文官网的组件连接 使用i或者span标签来配合使用 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:第七章.图标和下拉菜单组件
举报原因:
原因补充:

(最多只允许输入30个字)