Modal example 3
From Bootstrap for MediaWiki
| Component | ||
|---|---|---|
| Name | Modal | |
| Description | Modal 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_modal text="Open the modal" color="primary" heading="Modal title" footer="Footer text">Hello!</bootstrap_modal>
- Result
Dark mode
The code is the same as for light mode, see Color modes.
- Result
