Color
Example
Title = Color
Description =
Component Id = color
Filter by type of conference
- color primary
-
color primary
Title = Color text
Description =
Component Id = color-text
Filter by type of conference
- .text-primary.text-primary-light.text-primary-dark.text-body.text-success.text-danger.text-warning.text-info.text-dark.text-body.text-muted.text-black-50.text-white.text-white-70.text-white-50.text-reset
-
<div class='text-primary'>.text-primary</div> <div class='text-primary-light'>.text-primary-light</div> <div class='text-primary-dark'>.text-primary-dark</div> <div class='text-body'>.text-body</div> <div class='text-success'>.text-success</div> <div class='text-danger'>.text-danger</div> <div class='text-warning'>.text-warning</div> <div class='text-info'>.text-info</div> <div class='text-dark'>.text-dark</div> <div class='text-body'>.text-body</div> <div class='text-muted'>.text-muted</div> <div class='text-black-50'>.text-black-50</div> <div class='text-white bg-dark'>.text-white</div> <div class='text-white-70 bg-dark'>.text-white-70</div> <div class='text-white-50 bg-dark'>.text-white-50</div> <div class='text-reset'>.text-reset</div>
Flush
Add .accordion-flush to remove the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container.
preview: