要在Bootstrap上显示Accordion上的信息,你可以使用Bootstrap的Collapse组件。以下是一个使用Collapse组件的示例代码:
HTML代码:
Accordion内容1
Accordion内容2
在上面的代码中,我们使用了Bootstrap的Collapse组件来实现Accordion效果。每个Accordion项由一个包含标题和内容的 在每个 你可以根据需要添加更多的Accordion项,只需要复制 希望这个示例能帮到你!元素,用于展开/折叠内容部分。内容部分使用
accordion-body
类。
元素中,我们添加了
data-bs-toggle="collapse"
和data-bs-target
属性来指定要展开/折叠的内容部分。data-bs-target
属性的值应该与内容部分的id
属性相匹配。此外,我们还使用data-bs-parent
属性将Accordion的父元素的ID传递给内容部分,以确保只有一个内容部分可以展开。
的代码块,并调整其中的标题和内容即可。相关内容