Bootstrap3 引入插件的方法

    xiaoxiao2023-11-05  134

    引入插件

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

    最新回复(0)