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

原创 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--CSS组件--下拉菜单(dropdown)

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

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

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

Bootstrap 组件 - 下拉菜单(Dropdowns)

标记(Markup) 需要使用.dropdown或者其它声明了 position: relative; 的元素来包容下拉触发器和下拉菜单。 Action Anothe...

Bootstrap图标菜单按钮组件

小图标组件 Bootstrap提供了免费的263个小图标,具体可以参考中文官网的组件连接 使用i或者span标签来配合使用 <button class="btn b

CSS3简单实现动画下拉菜单(display:none和CSS3动画之踩坑)

文本介绍了采用CSS3的 transform 和 transition 属性来实现下拉菜单的动画效果。 由于css3的动画化和display:block以及display:none这两个属性有所冲突...

JQuery纵向下拉菜单实现心得

jquery库给我们带来了许多便利,不愧是轻量级的DOM框架,在前面的博文中小编分别对jquery的基础知识以及jquery的一些小demo有一系列的简单介绍,期待各位小伙伴的指导。使用jquery实...

css - 下拉菜单

http://www.runoob.com/css/css-dropdowns.html 一、基本下拉菜单当鼠标移动到指定元素上时,会出现下拉菜单 实例: 下拉菜单实例|菜鸟教程(runoob...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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