Bootstrap插件库

简介：Bootstrap 自带 12 种 jQuery 插件，大部分的插件可以在不编写任何代码的情况被触发。

引用方式：

1.可以单独引用相关插件，但是必须明白这些插件之间的依赖关系，使用要求较高

2.引用bootstrap.js 或压缩版的 bootstrap.min.js。

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

data属性：

这是 Bootstrap 中的一等 API，也应该是你的首选方式。可以仅仅通过 data 属性 API 就能使用所有的 Bootstrap 插件，无需写一行 JavaScript 代码解除data属性API方法/特定插件：$(document).off(‘.alert.data-api‘)

编程方式的 API：所有 Bootstrap 插件都是纯 JavaScript 方式的 API。所有公开的 API 都是支持单独或链式调用方式，并且返回其所操作的元素集合（注：和jQuery的调用形式一致）

避免冲突

时间： 2024-10-05 10:41:14

Bootstrap插件库的相关文章

BootStrap插件使用总结

BootStrap插件使用总结记录下Bootstrap一些常用的插件使用方法,千万要注意插件的版本! 1.Bootstrap Switch 开关控件.相比checkbox,switch就要好看的多了.在bootstrap-switch下载即可,添加css文件,按照amd规范引入.js文件即可,不再过多赘述. require.config({ waitSeconds : 0, paths : { //一些库文件 jquery : '../lib/jquery/jquery-2.1.4.min',

Bootstrap 插件

Bootstrap 插件 1.Bootstrap 过渡效果(Transition)插件过渡效果(Transition)插件提供了简单的过渡效果.如果您想要单独引用该插件的功能,那么除了其他的 JS 文件,您还需要引用 transition.js.或者,正如 Bootstrap 插件概览一章中所提到,您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js. Transition.js 是 transitionEnd 事件和 CSS 过渡效果模拟器的基本帮助器类.

bootstrap源文件&库文件&中文文档离线网页版&网站例子[程序吧 www.qhttl.com]

最近想起了做网站前台,现在流行的是响应式设计,无奈自己不会,网上照了照,居然发现了bootstrap,分享出来内部包含有bootstrap源文件&库文件&中文文档离线网页版&网站例子网页版,下载无密码下载地址:http://www.qhttl.com/detail/v-38593-bootstrapyuanwenjiankuwenjianzhongwenwendanglixian.html

bootstrap插件之Carousel

兼容:ie9以上特点:滑动图片看起来永远只有两帧,过度完美:是html css js的完美配合:其中html的data属性起了关键性作用前提:normalize.css jquery.js html 代码: <div class="wrapper"> <div class="carousel" id="carousel-generic">  <ul class=

bootstrap插件之X-editable+django

一.X-editable介绍 X-editable是一款基于Jquery的表格编辑器.通过简单调用即可轻松实现字段编辑效果.与django一起使用,可以在线编辑数据,修改后台信息. 插件地址: http://vitalets.github.io/x-editable/docs.html x-editable 用法(以bootstrap3为例): 下载x-editable,在html模板中添加 <link href="bootstrap-editable/css/bootstrap-edi

jquery 插件库

为大家推荐一个超牛逼的jquery插件库网站:http://www.jq22.com jQuery基础视频教程 http://edu.51cto.com/course/course_id-959.html 李炎恢老师jQuery初级视频教程 http://edu.51cto.com/course/course_id-699.html 旺旺老师jQuery教程视频 http://edu.51cto.com/course/course_id-261.html

Bootstrap插件1--tooltip

在引入bootstrap.js之前我们需要引入jquery的js文件既然是bootstrap的插件,那么自然需要引用bootstrap.js和bootstrap.css这2个核心文件了这里了主要介绍tooltip提示信息插件的常用使用方法 <a href='javascript:;' rel='tooltip' title='我就是提示的信息' class='btn btn-primary'>点击出现提示信息</a> 调用方法: <script> $(functio

可考虑在你下一个项目中使用的 50 个 Bootstrap 插件

可考虑在你下一个项目中使用的 50 个 Bootstrap 插件作者 jopen 2014-11-12 09:54:16 阅读目录 1. Bootstrap Multiselect 2. Bootstrap Dialog 3. Bootstrap Confirmation 4. Bootstrap Tag Input 5. Bootstrap File Input 6. Bootstrap WYSIWYG 7. Bootstrap Select 8. pNotify 9. Bootstrap

HTML5可互动的可视化图表js插件库

JointJS是一款可以进行互动的HTML5可视化图表js插件库.它可以用来创建静态图表,并且它拥有完全交互式绘图工具和应用程序生成器.jointjs可以很容易地创建各种各样的可视化工具. JointJS的事件驱动特性和MVC架构是它可以非常容易的集成到其它后台程序之中.JointJS的特点有: 支持多种图形元素(方形.圆形.椭圆形.文本.图像和路径) 支持多种知名的图表(ERD, Org chart, FSA, UML, PN, DEVS, ...) 支持基于SVG或编程的方式来定制图表可以