bootstrap手风琴_快速提示：如何自定义Bootstrap 4的手风琴组件

bootstrap手风琴

在此快速提示中，我们将构建Bootstrap 4手风琴，通过一些CSS更改对其进行定制，并应用一些JavaScript定制。 让我们开始吧！

注意 ：本教程假定您对Bootstrap 4 有所了解。

什么是Bootstrap组件？

Bootstrap具有大量（但不占绝大多数）的组件集合，您可以在项目中使用它们。 其中包括警报，徽章，面包屑，按钮，卡片，转盘-清单还在不断增加！ 在某些情况下，Bootstrap倾向于不打扰，而是提供原始成分来构建您自己的组件。 我们今天要建立的就是这种情况。 查看Bootstrap组件文档以获取更多详细信息。

1.包括字体真棒图标

就本教程而言，除了必需CSS和JavaScript Bootstrap文件之外，我还将Font Awesome图标包合并到了笔中。 我们可以通过直接从CSS设置链接到Font Awesome CDN来做到这一点：

2.构建简单的手风琴

为了创建我们的手风琴，我们将依赖于Bootstrap提供的折叠组件的一些示例代码。

“折叠JavaScript插件用于显示和隐藏内容。 按钮或锚点用作触发器，映射到您切换的特定元素。”

我们的手风琴将包含三