List group example 3
From Bootstrap for MediaWiki
| Component | ||
|---|---|---|
| Name | List group | |
| Description | List group in light mode and dark mode | |
| Provider | Skin | |
| 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
<ul class="list-group">
<li class="list-group-item active" aria-current="true">An active item</li>
<li class="list-group-item">A second item</li>
<li class="list-group-item">A third item</li>
</ul>
- Result
- An active item
- A second item
- A third item
Dark mode
The code is the same as for light mode, see Color modes.
- Result
- An active item
- A second item
- A third item
