Components
An overview of how components look with this theme. This intro paragraph is wrapped in our custom .rich-text
class and is given Bootstrap's .lead
class so we can see how it looks, too.
Note: The other blocks below are not wrapped in .rich-text
, since they shouldn't be used that way in the theme.
Table of contents:
Accordion
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Alerts
A simple secondary alert with
an example link. Give it a click if you like.
Badges
In headings
Heading 3 New
Heading 4 New
Heading 5 New
As labels
Contextual variations
Primary
Secondary
Success
Danger
Warning
Info
Light
Dark
Links
Solid
Outline
Link (A Tag) Buttons with Icons and Text
Link (A Tag) Buttons with Icon Only
Note the addition of the title on the <i> tag and the class on the <span>.
That's no moon!!
That's no moon!! (Success, large)
<a href="/events" class="btn btn-success btn-lg">
<i class="fal fa-space-station-moon-alt" aria-hidden="true" title="That's no moon!!"></i>
<span class="sr-only">That's no moon!! (Success, large)</span>
</a>
Cards
Basic
Card title
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhere
Header & Footer
Special title treatment
With supporting text below as a natural lead-in to additional content.
Go somewhere
Carousel
Dropdown
Default
Basic
Custom
Checkbox
Radio
Select
Range
Modal
Modal body text goes here.