Bootstrap 4 Accordion

In this article, we will understand the concept of accordion in Bootstrap4.

What do you mean by Bootstrap 4 Accordion?

Bootstrap4 is a free and open-source framework. With the use of this we can create responsive and user friendly websites. In bootstrap4, Accordion is a graphical element consisting of a vertically stacked list of items. This can be clicked to reveal or hide content associated with them. In this digital era, every website contains an accordion at least one of their pages if they have a FAQ section. With the use of accordion you can make your content display more interactive.

Let's take the various examples of accordion in bootstrap 4.

Example 1:

Example 1:

Explanation:

In the above example, we have created an accordion menu with the help of Bootstrap 4.

Output:

Following screenshot depicts the output of this example:

Example 2:

Explanation:

In the above example, we have created a nested accordion menu with the help of Bootstrap 4.

Output:

Following screenshot depicts the output of this example: