Bootstrap弹出框(Popover)插件弹出框(Popover)与工具提示(Tooltip)类似,提供了一个扩展的视图。如需激活弹出框,用户只需把鼠标悬停在元素上即可。弹出框的内容完全可使用Bootstrap数据API(BootstrapDataAPI)来填充。该方法依赖于工具提示(tooltip)。如果您想要单独引用该插件的功能,那么您需要引用popover.js,它依赖于工具提示(Tooltip)插件。或者,正如Bootstrap插件概览一章中所提到,您可以引用bootstrap.js或压缩版的bootstrap.min.js。用法弹出框(Popover)插件根据需求生成内容和标记,
Bootstrap弹出框(Popover)插件弹出框(Popover)与工具提示(Tooltip)类似,提供了一个扩展的视图。如需激活弹出框,用户只需把鼠标悬停在元素上即可。弹出框的内容完全可使用Bootstrap数据API(BootstrapDataAPI)来填充。该方法依赖于工具提示(tooltip)。如果您想要单独引用该插件的功能,那么您需要引用popover.js,它依赖于工具提示(Tooltip)插件。或者,正如Bootstrap插件概览一章中所提到,您可以引用bootstrap.js或压缩版的bootstrap.min.js。用法弹出框(Popover)插件根据需求生成内容和标记,
Bootstrap提示工具(Tooltip)插件当您想要描述一个链接的时候,提示工具(Tooltip)就显得非常有用。提示工具(Tooltip)插件是受JasonFrame写的jQuery.tipsy的启发。提示工具(Tooltip)插件做了很多改进,例如不需要依赖图像,而是改用CSS实现动画效果,用data属性存储标题信息。如果您想要单独引用该插件的功能,那么您需要引用tooltip.js。或者,正如Bootstrap插件概览一章中所提到,您可以引用bootstrap.js或压缩版的bootstrap.min.js。用法提示工具(Tooltip)插件根据需求生成内容和标记,默认情况下是把提示
Bootstrap提示工具(Tooltip)插件当您想要描述一个链接的时候,提示工具(Tooltip)就显得非常有用。提示工具(Tooltip)插件是受JasonFrame写的jQuery.tipsy的启发。提示工具(Tooltip)插件做了很多改进,例如不需要依赖图像,而是改用CSS实现动画效果,用data属性存储标题信息。如果您想要单独引用该插件的功能,那么您需要引用tooltip.js。或者,正如Bootstrap插件概览一章中所提到,您可以引用bootstrap.js或压缩版的bootstrap.min.js。用法提示工具(Tooltip)插件根据需求生成内容和标记,默认情况下是把提示
Bootstrap标签页(Tab)插件标签页(Tab)在Bootstrap导航元素一章中介绍过。通过结合一些data属性,您可以轻松地创建一个标签页界面。通过这个插件您可以把内容放置在标签页或者是胶囊式标签页甚至是下拉菜单标签页中。如果您想要单独引用该插件的功能,那么您需要引用tab.js。或者,正如Bootstrap插件概览一章中所提到,您可以引用bootstrap.js或压缩版的bootstrap.min.js。用法您可以通过以下两种方式启用标签页: 通过data属性:您需要添加data-toggle="tab"或data-toggle="pill"到锚文本链接中。 添加nav和nav-
Bootstrap标签页(Tab)插件标签页(Tab)在Bootstrap导航元素一章中介绍过。通过结合一些data属性,您可以轻松地创建一个标签页界面。通过这个插件您可以把内容放置在标签页或者是胶囊式标签页甚至是下拉菜单标签页中。如果您想要单独引用该插件的功能,那么您需要引用tab.js。或者,正如Bootstrap插件概览一章中所提到,您可以引用bootstrap.js或压缩版的bootstrap.min.js。用法您可以通过以下两种方式启用标签页: 通过data属性:您需要添加data-toggle="tab"或data-toggle="pill"到锚文本链接中。 添加nav和nav-
Bootstrap滚动监听(Scrollspy)插件滚动监听(Scrollspy)插件,即自动更新导航插件,会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动,基于滚动条的位置向导航栏添加.activeclass。如果您想要单独引用该插件的功能,那么您需要引用scrollspy.js。或者,正如Bootstrap插件概览一章中所提到,您可以引用bootstrap.js或压缩版的bootstrap.min.js。用法您可以向顶部导航添加滚动监听行为: 通过data属性:向您想要监听的元素(通常是body)添加data-spy="scroll"。然后添加带有Bootstrap.n
Bootstrap滚动监听(Scrollspy)插件滚动监听(Scrollspy)插件,即自动更新导航插件,会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动,基于滚动条的位置向导航栏添加.activeclass。如果您想要单独引用该插件的功能,那么您需要引用scrollspy.js。或者,正如Bootstrap插件概览一章中所提到,您可以引用bootstrap.js或压缩版的bootstrap.min.js。用法您可以向顶部导航添加滚动监听行为: 通过data属性:向您想要监听的元素(通常是body)添加data-spy="scroll"。然后添加带有Bootstrap.n
Bootstrap模态框(Modal)插件模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。如果您想要单独引用该插件的功能,那么您需要引用modal.js。或者,正如Bootstrap插件概览一章中所提到,您可以引用bootstrap.js或压缩版的bootstrap.min.js。用法您可以切换模态框(Modal)插件的隐藏内容:通过data属性:在控制器元素(比如按钮或者链接)上设置属性data-toggle="modal",同时设置data-target="#identifier"或hre
Bootstrap模态框(Modal)插件模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。如果您想要单独引用该插件的功能,那么您需要引用modal.js。或者,正如Bootstrap插件概览一章中所提到,您可以引用bootstrap.js或压缩版的bootstrap.min.js。用法您可以切换模态框(Modal)插件的隐藏内容:通过data属性:在控制器元素(比如按钮或者链接)上设置属性data-toggle="modal",同时设置data-target="#identifier"或hre