Bootstrap 4 Collapse Demo

This is a demo page to showcase Bootstrap 4 Collapse component.

Bootstrap 4 Collapse Tutorial

Bootstrap 4 Collapse Demo

Collapse Using Link

Here is the content for block which will be shown when the button is clicked. This uses the link with href attribute for collapsing.



Collapse Using Button

Here is the content for block which will be shown when the button is clicked. This uses button with data-target attribute for collapsing.



Multiple Collapse

Here is the content for block which will be shown when the first button is clicked. This uses button with data-target attribute for collapsing.
Here is the content for block which will be shown when the second button is clicked. This uses button with data-target attribute for collapsing.



Collapse Like An Accordion

Flex Card Image 1

Card Title

Here is a longer description of the card and the height will be auto aligned with flex box.

Flex Card Image 2

Card Title

Here is a shorter description of the card.

Here is the content for the second section.
Here is the content for the third section.



Bootstrap 4 Collapse Tutorial