Accordions

Consider an accordion when users need to easily scan content within a page or when information needs to be displayed in a small space.

An accordion is a list of headers that can be clicked to hide or reveal content. Like all components, accordions can stretch across as many columns as needed. Search does index text in accordions, but users may need to spend time scanning to find search results.

Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Developers: See Bootstrap 4 Collapse documentation for more information.


Share