Bootstrap3实用教程
4.1.2 引入插件
阅读(

Bootstrap基础

Bootstrap全局样式

Bootstrap组件

Bootstrap插件

概述

插件的原理

引入插件

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

1)单个引入

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

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

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

2)一次性全部引入

bootstrap.jsbootstrap.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 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验