Bootstrap附加导航（Affix）插件附加导航（Affix）插件允许指定固定在页面的某个位置。一个常见的例子是社交图标。它们将在某个位置开始，但当页面点击某个标记，该会锁定在某个位置，不会随着页面其他部分一起滚动。如果您想要单独引用该插件的功能，那么您需要引用affix.js。或者，正如Bootstrap插件概览一章中所提到，您可以引用bootstrap.js或压缩版的bootstrap.min.js。用法您可以通过data属性或者通过JavaScript来使用附加导航（Affix）插件。通过data属性：如需向元素添加附加导航（Affix）行为，只需要向需要监听的元素添加data-sp

Bootstrap轮播（Carousel）插件Bootstrap轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。如果您想要单独引用该插件的功能，那么您需要引用carousel.js。或者，正如Bootstrap插件概览一章中所提到，您可以引用bootstrap.js或压缩版的bootstrap.min.js。实例下面是一个简单的幻灯片，使用Bootstrap轮播（Carousel）插件显示了一个循环播放元素的通用组件。为了实现轮播，您只需要添加带有该标记的代码即可。不需要使用dat

Bootstrap轮播（Carousel）插件Bootstrap轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。如果您想要单独引用该插件的功能，那么您需要引用carousel.js。或者，正如Bootstrap插件概览一章中所提到，您可以引用bootstrap.js或压缩版的bootstrap.min.js。实例下面是一个简单的幻灯片，使用Bootstrap轮播（Carousel）插件显示了一个循环播放元素的通用组件。为了实现轮播，您只需要添加带有该标记的代码即可。不需要使用dat

Bootstrap折叠（Collapse）插件折叠（Collapse）插件可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板，它都允许很多内容选项。如果您想要单独引用该插件的功能，那么您需要引用collapse.js。同时，也需要在您的Bootstrap版本中引用Transition（过渡）插件。或者，正如Bootstrap插件概览一章中所提到，您可以引用bootstrap.js或压缩版的bootstrap.min.js。您可以使用折叠（Collapse）插件：创建可折叠的分组或折叠面板（accordion），如下所示：实例divclass="panel-group"id="

Bootstrap折叠（Collapse）插件折叠（Collapse）插件可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板，它都允许很多内容选项。如果您想要单独引用该插件的功能，那么您需要引用collapse.js。同时，也需要在您的Bootstrap版本中引用Transition（过渡）插件。或者，正如Bootstrap插件概览一章中所提到，您可以引用bootstrap.js或压缩版的bootstrap.min.js。您可以使用折叠（Collapse）插件：创建可折叠的分组或折叠面板（accordion），如下所示：实例divclass="panel-group"id="

Bootstrap按钮（Button）插件按钮（Button）在Bootstrap按钮一章中介绍过。通过按钮（Button）插件，您可以添加进一些交互，比如控制按钮状态，或者为其他组件（如工具栏）创建按钮组。加载状态如需向按钮添加加载状态，只需要简单地向button元素添加data-loading-text="Loading..."作为其属性即可，如下面实例所示：实例buttonid="fat-btn"class="btnbtn-primary"data-loading-text="Loading..."type="button">加载状态button>script>$(function(){

Bootstrap按钮（Button）插件按钮（Button）在Bootstrap按钮一章中介绍过。通过按钮（Button）插件，您可以添加进一些交互，比如控制按钮状态，或者为其他组件（如工具栏）创建按钮组。加载状态如需向按钮添加加载状态，只需要简单地向button元素添加data-loading-text="Loading..."作为其属性即可，如下面实例所示：实例buttonid="fat-btn"class="btnbtn-primary"data-loading-text="Loading..."type="button">加载状态button>script>$(function(){

Bootstrap警告框（Alert）插件警告框（Alert）消息大多是用来向终端用户显示诸如警告或确认消息的信息。使用警告框（Alert）插件，您可以向所有的警告框消息添加可取消（dismiss）功能。用法您可以有以下两种方式启用警告框的可取消（dismissal）功能：通过data属性：通过数据API（DataAPI）添加可取消功能，只需要向关闭按钮添加data-dismiss="alert"，就会自动为警告框添加关闭功能。    ×通过JavaScript：通过JavaScript添加可取消功能：$(".alert").alert()实例下面的实例演示了通过data属性使用警

Bootstrap警告框（Alert）插件警告框（Alert）消息大多是用来向终端用户显示诸如警告或确认消息的信息。使用警告框（Alert）插件，您可以向所有的警告框消息添加可取消（dismiss）功能。用法您可以有以下两种方式启用警告框的可取消（dismissal）功能：通过data属性：通过数据API（DataAPI）添加可取消功能，只需要向关闭按钮添加data-dismiss="alert"，就会自动为警告框添加关闭功能。    ×通过JavaScript：通过JavaScript添加可取消功能：$(".alert").alert()实例下面的实例演示了通过data属性使用警

Bootstrap弹出框（Popover）插件弹出框（Popover）与工具提示（Tooltip）类似，提供了一个扩展的视图。如需激活弹出框，用户只需把鼠标悬停在元素上即可。弹出框的内容完全可使用Bootstrap数据API（BootstrapDataAPI）来填充。该方法依赖于工具提示（tooltip）。如果您想要单独引用该插件的功能，那么您需要引用popover.js，它依赖于工具提示（Tooltip）插件。或者，正如Bootstrap插件概览一章中所提到，您可以引用bootstrap.js或压缩版的bootstrap.min.js。用法弹出框（Popover）插件根据需求生成内容和标记，