Bootstrap3 引入插件的方法

引入插件

Bootstrap 插件有两种引入方式：一种是单个引入，一种是一次性全部引入。可以根据需要选择任意一种引入方式。

1）单个引入

Bootstrap为每个插件提供了一个独立的JavaScript 文件，你也可以有选择地只引入所需要的某个或某些插件。如，单独引入模态对话框插件：

<script src="js/modal.js"></script>

某些插件和 CSS 组件依赖于其它插件。如果你是单个引入插件，请确保检查插件之间的依赖关系，正确引入插件。

2）一次性全部引入

bootstrap.js 和 bootstrap.min.js文件中包含了所有的插件，前者是未压缩版本，后者是压缩版本。只需引入其中的任意一个文件，就能一次性引入所有的插件。推荐引入压缩版本，因为它体积小，加载速度相对较快。如：

<script src="js/bootstrap.min.js"></script>

说明：

Bootstrap的所有插件都要依赖jQuery，在引入插件之前，必须先引入jQuery。bower.json文件中列出了 Bootstrap 所支持的 jQuery 版本。

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。

Bootstrap3 引入插件的方法相关推荐

[vue] vue在组件中引入插件的方法有哪些？
[vue] vue在组件中引入插件的方法有哪些? 插件通常用来为 Vue 添加全局功能.插件的功能范围没有严格的限制--一般有下面几种:添加全局方法或者属性.如: vue-custom-element ...
Bootstrap3 工具提示插件的方法
工具提示插件的方法 1..tooltip(options) 使用一个可选的对象参数 options调用某个页面元素的工具提示.如: $('#element').tooltip ({ placeme ...
【Android Gradle 插件】Module 目录下 build.gradle 配置文件 ( plugins 闭包代码块中引入插件 | PluginAware#apply 方法引入插件 )
文章目录一.Module 目录下 build.gradle 配置文件 1.plugins 闭包代码块中引入插件 2.PluginAware#apply 方法引入插件 Android Plugin D ...
Bootstrap3 弹出提示插件的方法
弹出提示插件的方法 1..popover (options) 使用一个可选的对象参数 options调用某个页面元素的弹出提示.如: $('#element').popover ({ placem ...
Bootstrap3 工具提示插件的使用方法
工具提示当鼠标移动到特定元素上时,显示相关的提示信息,比如给出链接说明或缩写词的全称等,是一个非常人性化的功能. HTML本身就支持这样的功能,只需给任何元素添加 title 属性,当鼠标悬停时,浏 ...
Bootstrap3 滚动监听插件的方法
滚动监听插件的方法通过 JavaScript 调用滚动监控插件时,如果监听对象的DOM节点有增删元素的操作,则需要调用 .scrollspy('refresh') 方法来更新DOM. <scr ...
jQuery Raty星级评分插件使用方法
转载自 jQuery Raty星级评分插件使用方法使用jQuery Raty,可以很方便的在页面上嵌入一个评分组件,如下所示: 使用方法很简单,首先从https://github.com ...
Eclipes和Myeclipse插件安装方法
Eclipse和Myeclipse是java开发的常用工具,其中myeclipse作为eclipse的综合功能的集成优化版开发工具,很多插件和工具已经集成了,不需要我们做太多修改.但是也会有需要安装插 ...
PhotoSwipe 图片浏览插件使用方法 - 简单
[转载] [JS插件] PhotoSwipe 图片浏览插件使用方法一.介绍 PhotoSwipe 是专为移动触摸设备设计的相册/画廊.兼容所有iPhone.iPad.黑莓6+,以及桌面浏览器.底层实 ...

Bootstrap3 引入插件的方法

引入插件

Bootstrap3 引入插件的方法相关推荐

最新文章

热门文章