189 8069 5689
这篇文章将为大家详细讲解有关bootstrap中有哪些内置插件，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
目前创新互联已为上千家的企业提供了网站建设、域名、网页空间、网站托管、服务器托管、企业网站设计、铁山港网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
bootstrap内置插件有：1、过渡效果插件；2、模态框插件；3、下拉菜单插件；4、滚动监听插件；5、标签页插件；6、提示工具插件；7、弹出框插件；8、警告框插件；9、按钮插件；10、折叠插件；11、轮播插件；12、附加导航插件。
本教程操作环境：Windows7系统、bootsrap3.3.7版、DELL G3电脑
bootstrap内置插件有：
Bootstrap 过渡效果
Bootstrap 模态框
Bootstrap 下拉菜单
Bootstrap 滚动监听
Bootstrap 标签页
Bootstrap 提示工具
Bootstrap 弹出框
Bootstrap 警告框
Bootstrap 按钮
Bootstrap 折叠
Bootstrap 轮播
Bootstrap 附加导航
Bootstrap 过渡效果（Transition）插件
过渡效果（Transition）插件提供了简单的过渡效果。
如果您想要单独引用该插件的功能，那么除了其他的 JS 文件，您还需要引用 transition.js。或者，可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。
Transition.js 是 transitionEnd 事件和 CSS 过渡效果模拟器的基本帮助器类。它被其他插件用来检查 CSS 过渡效果支持，并用来获取过渡效果。
Bootstrap 模态框（Modal）插件
模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。
如果您想要单独引用该插件的功能，那么您需要引用 modal.js。或者，可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。
用法：
您可以切换模态框（Modal）插件的隐藏内容：
通过 data 属性：在控制器元素（比如按钮或者链接）上设置属性 data-toggle="modal"，同时设置 data-target="#identifier" 或 href="#identifier" 来指定要切换的特定的模态框（带有 id="identifier"）。
通过 JavaScript：使用这种技术，您可以通过简单的一行 JavaScript 来调用带有 id="identifier" 的模态框：
$('#identifier').modal(options)Bootstrap 下拉菜单（Dropdown）插件
使用下拉菜单（Dropdown）插件，您可以向任何组件（比如导航栏、标签页、胶囊式导航菜单、按钮等）添加下拉菜单。
如果您想要单独引用该插件的功能，那么您需要引用 dropdown.js。或者引用 bootstrap.js 或压缩版的 bootstrap.min.js。
Bootstrap 滚动监听（Scrollspy）插件
滚动监听（Scrollspy）插件，即自动更新导航插件，会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动，基于滚动条的位置向导航栏添加 .active class。
用法
您可以向顶部导航添加滚动监听行为：
通过 data 属性：向您想要监听的元素（通常是 body）添加 data-spy="scroll"。然后添加带有 Bootstrap .nav 组件的父元素的 ID 或 class 的属性 data-target。为了它能正常工作，您必须确保页面主体中有匹配您所要监听链接的 ID 的元素存在。
