文档章节

Bootstrap 3 插件

a
 ariesli
发布于 2015/01/16 10:43
字数 321
阅读 91
收藏 0

插件概览

在前面 布局组件 章节中所讨论到的组件仅仅是个开始。Bootstrap 自带 12 种 jQuery 插件,扩展了功能,可以给站点添加更多的互动。即使您不是一名高级的 JavaScript 开发人员,您也可以着手学习 Bootstrap 的 JavaScript 插件。利用 Bootstrap 数据 API(Bootstrap Data API),大部分的插件可以在不编写任何代码的情况被触发。

站点引用 Bootstrap 插件的方式有两种:

  • 单独引用:使用 Bootstrap 的个别的 *.js 文件。一些插件和 CSS 组件依赖于其他插件。如果您单独引用插件,请先确保弄请这些插件之间的依赖关系。

  • 编译(同时)引用:使用 bootstrap.js 或压缩版的 bootstrap.min.js

      不要尝试同时引用这两个文件,因为    bootstrap.js 和    bootstrap.min.js 都包含了所有的插件。  

所有的插件依赖于 jQuery。所以必须在插件文件之前引用 jQuery。请访问 bower.json 查看 Bootstrap 当前支持的 jQuery 版本。



折叠效果

bootstrap折叠效果是collapse插件来实现的,

data-toggle="collapse"     //折叠效果

 <a href="#learn-more-content" data-toggle="collapse">显示下拉菜单</a>
                    <ul id="learn-more-content" class="collapse in">
                        <li>1-1</li>
                        <li>1-2</li>
                        <li>1-3</li>
                        <li>1-4</li>
                    </ul>


© 著作权归作者所有

上一篇: Bootstrap 3 排版
下一篇: 快捷键
a
粉丝 2
博文 27
码字总数 1942
作品 0
九龙坡
程序员
私信 提问
Bootstrap系列教程目录

Bootstrap javascript插件使用博文目录汇总 1、Bootstrap JS插件使用实例(1)-轮播 2、Bootstrap JS插件使用实例(2)-模态对话框 3、Bootstrap JS插件使用实例(3)-下拉菜单 4、Bootstrap JS插件...

zuolz1985
2013/05/20
0
0
Bootstrap js插件使用大全

Bootstrap JS扩展插件使用实例(9)-datepicker Bootstrap JS插件使用实例(8)-按钮 Bootstrap JS插件使用实例(7)-通知消息 Bootstrap JS插件使用实例(6)-折叠(手风琴效果) Bootstrap JS插件使用...

zuolz1985
2013/05/26
0
0
提供给开发者的 20 款最棒的 jQuery Bootstrap 插件

Twitter Bootstrap 是最流行的前端框架之一,作为开发者用作建立有效和有用的Web应用的手段,它可被看作是网络发展的中坚力量。它功能很丰富:使用12列响应网格,众多组件,JavaScript插件,...

oschina
2014/06/19
42.8K
41
Bootstrap Accessibility Plugin

Bootstrap Accessibility Plugin 是 Bootstrap3 的可访问性插件,也作为 Bootstrap 3 的一个子模块。 这个插件添加 默认 Bootstrap 3 组件 可访问标记,提供给键盘和屏幕阅读用户可访问操作。...

叶秀兰
2014/08/27
262
0
最火的前端开发框架Bootstrap简单了解

Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷。 [1] Bootstrap提供了优雅的H...

mcy0425
2018/09/12
26
0

没有更多内容

加载失败,请刷新页面

加载更多

总结

一、设计模式 简单工厂:一个简单而且比较杂的工厂,可以创建任何对象给你 复杂工厂:先创建一种基础类型的工厂接口,然后各自集成实现这个接口,但是每个工厂都是这个基础类的扩展分类,spr...

BobwithB
49分钟前
4
0
java内存模型

前言 Java作为一种面向对象的,跨平台语言,其对象、内存等一直是比较难的知识点。而且很多概念的名称看起来又那么相似,很多人会傻傻分不清楚。比如本文我们要讨论的JVM内存结构、Java内存模...

ls_cherish
52分钟前
4
0
友元函数强制转换

友元函数强制转换 p522

天王盖地虎626
昨天
5
0
js中实现页面跳转(返回前一页、后一页)

本文转载于:专业的前端网站➸js中实现页面跳转(返回前一页、后一页) 一:JS 重载页面,本地刷新,返回上一页 复制代码代码如下: <a href="javascript:history.go(-1)">返回上一页</a> <a h...

前端老手
昨天
5
0
JAVA 利用时间戳来判断TOKEN是否过期

import java.time.Instant;import java.time.LocalDateTime;import java.time.ZoneId;import java.time.ZoneOffset;import java.time.format.DateTimeFormatter;/** * @descri......

huangkejie
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部