Bootstrap 折叠(Collapse)插件用法实例详解

前端之家收集整理的这篇文章主要介绍了Bootstrap 折叠(Collapse)插件用法实例详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。下面通过本文给大家介绍Bootstrap 折叠(Collapse)插件用法实例,一起看看吧!

折叠(Collapse)插件可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板,它都允许很多内容选项。

插件的功能,那么您需要引用 collapse.js。同时,也需要在您的 Bootstrap 版本中引用 Transition(过渡)插件。或者,正如 Bootstrap 插件概览 一章中所提到,您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。

您可以使用折叠(Collapse)插件

创建可折叠的分组或折叠面板(accordion),如下所示:

Bootstrap 实例 - 折叠面板

结果如下所示:

事件

下表列出了折叠(Collapse)插件中要用到的事件。这些事件可在函数中当钩子使用。

实例

下面的实例演示了事件的用法:

Bootstrap 实例 - 折叠(Collapse)插件事件

结果如下所示:

以上所述是小编给大家介绍的Bootstrap 折叠(Collapse)插件用法实例详解的相关内容,希望对大家有所帮助!

猜你在找的Bootstrap相关文章