Collapse example 3

Component
Name	Collapse
Description	Collapse in light mode and dark mode
Provider	BootstrapComponents
Note	Dark mode needs the CSS marked "Bootstrap dark mode" on MediaWiki:Common.css, because the Chameleon skin leaves out Bootstrap's dark mode.
Reference	getbootstrap.com - color modes
Styling	For all possible color styles and corresponding examples, see colors.

Light mode

Code

<bootstrap_collapse color="primary" text="Show the card">
<div class="card card-body">This card appears after a click on the button.</div>
</bootstrap_collapse>

Result

Show the card

This card appears after a click on the button.

Dark mode

The code is the same as for light mode, see Color modes.

Result

Show the card

This card appears after a click on the button.

This wiki contains content from the Bootstrap homepage, licensed Commons Attribution 3.0 Unported (CC BY 3.0). Thank you to everyone for creating outstanding content!