介绍

使用 Bootstrap v3.3.7 时，需要引入三个脚本文件。

  1. https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css
  2. http://lib.sinaapp.com/js/jquery/1.12.4/jquery-1.12.4.min.js
  3. https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js

这里面有一个文件，是 bootstrap.min.js（是 bootstrap.js 文件的压缩版）。

Bootstrap 有许多现成、可重用的 components 代码 供使用，而真正让这些 components bring to life 的，就是靠 bootstrap.js 这个文件。

bootstrap.js 文件依赖 jQuery，实际上它是在 jQuery 基础上封装的一系列插件，不过这些插件是针对 Bootstrap 的 components 编写的。所以在使用 bootstrap.js 之前，务必引入 jQuery。

bootstrap.js 包含了 Bootstrap 所有插件代码。如果嫌多，也可以定制。

使用 Bootstrap 插件，你完全可以不用写一行 JavaScript 代码——直接通过标签 API 完成插件的初始化和环配置。但是学会怎样完全通过 JavaScript 代码来初始化和配置所有插件也是非常有必要的。

transition.js 文件

Bootstrap 中一些动态过渡效果使用了这个文件里的代码，但 bootstrap.js 文件已经包含了它，无需再单独引入。

（完）

bootstrap.js 文件使用指南的更多相关文章

  1. Ext JS 5初探（二） ——Bootstrap.js

    在Bootstrap.js文件中,总共有1500行(包含注释和空行),使用编辑器的代码折叠功能就如下图可以一窥全貌了. 从代码可以看到,这里主要定义了Ext.Boot.Ext.globalEval.E ...

  2. ExtJS 4.2 教程-02：bootstrap.js 工作方式

    转载自起飞网,原文地址:http://www.qeefee.com/extjs-course-2-bootstrap-js ExtJS 4.2 教程-01:Hello ExtJS ExtJS 4.2 ...

  3. ASP.NET MVC bootstrap 3 ie 8兼容问题及错误解决（取消IE禁用IE脚本调试定位js文件错误）

    因要做一个B/S架构的项目,使用MVC框架技术,本人不擅长页面设计美工,只好用bootstrap框架,在chrome内核系列的浏览器和IE 11中显示都没有问题,但是在 IE 8下显示却不正常,表格无 ...

  4. BootStrap fileinput.js文件上传组件实例代码

    1.首先我们下载好fileinput插件引入插件 ? 1 2 3 <span style="font-size:14px;"><link type="t ...

  5. JS文件上传神器bootstrap fileinput详解

    Bootstrap FileInput插件功能如此强大,完全没有理由不去使用,但是国内很少能找到本插件完整的使用方法,于是本人去其官网翻译了一下英文说明文档放在这里供英文不好的同学勉强查阅.另外附上一 ...

  6. Bootstrap 引入文件顺序及IE兼容性js

    <!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8&qu ...

  7. 如何使用grunt压缩js文件

    jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学.不用! 1. 前言 各位web前端开发人员,如果你现在还不知道grunt或者听说过 ...

  8. Rails : css或js文件无法成功预编译或调用jquery类插件时预编译问题

    调用bootstrap css框架时,将bootstrap文件夹放入 vendor/assets/下 bootstrap文件结构如下:    [shenma@localhost demo]$ ls v ...

  9. html或者jsp页面引用jar包中的js文件

    一,页面上引用jar包中的js文件的方法 使用java web框架AppFuse的时候发现,jquery.bootstrap等js框架都封装到jar包里面了.这些js文件通过一个wro4j的工具对其进 ...

随机推荐

  1. Android Studio 开始运行错误

    /******************************************************************************** * Android Studio 开 ...

  2. HDU - 5730 ：Shell Necklace（CDQ分治+FFT）

    Perhaps the sea‘s definition of a shell is the pearl. However, in my view, a shell necklace with n b ...

  3. [Wc2009]shortest

    传送门 终于把这题过了,了了我两年前写堵塞的交通一晚上无果的心结 因为是6要注意蛇皮走位啊!!这种-> S //Achen #include<bits/stdc++.h> #defi ...

  4. 输入一个链表，输出该链表中倒数第k个结点

    package suanfa; import suanfa.doubleLinkedList.Node; public class solution { public Node find(Node h ...

  5. STL容器共性机制和使用场景

    一.STL容器共性机制 STL容器所提供的都是值(value)寓意,而非引用(reference)寓意,也就是说当我们给容器中插入元素的时候,容器内部实施了拷贝动作,将我们要插入的元素再另行拷贝一份放 ...

  6. js易犯错误与易混淆的重要知识点

    一:作用域的问题 简单案例1: var a = 1; var n = function () { console.log(a); var a=2; } n(); =>输出undefined原因: ...

  7. 洛谷【P1439】【模板】最长公共上升子序列

    浅谈\(DP\):https://www.cnblogs.com/AKMer/p/10437525.html 题目传送门:https://www.luogu.org/problemnew/show/P ...

  8. EMC （电磁兼容性）

    电磁兼容性EMC(Electro Magnetic Compatibility),是指设备或系统在其电磁环境中符合要求运行并不对其环境中的任何设备产生无法忍受的电磁干扰的能力.因此,EMC包括两个方面 ...

  9. java代码流类。。程序怎么跟书上的结果不一样？？？

    总结:这个程序很容易懂.的那是这个结果我觉得有问题啊..怎么“stop”后,输出的内容是输入过的呢? 应该是没有关系的呀,与输入的值是不同的....怎么书上运行的结果和我的不一样啊 package c ...

  10. Oracle OCP提纲

    ocp提纲 Oracle SQL 基础 ◆ 标准SQL语言介绍◆ Oracle数据库数据组织形式◆ DDL语句创建表及修改表结构◆ Select语句检索和限制表中数据◆ 从多表中检索数据(连接查询)◆ ...