Basic Buttons
Default Bootstrap buttons style.
Outline Buttons
Buttons without background color.
Button Group
Button group components.
Horizontal button group
Button toolbar
Vertical button group
Rounded Buttons
Rounded Bootstrap buttons.
Button Sizes
Fancy larger or smaller buttons.
Icon Buttons
Default Bootstrap buttons with icons.
Social Buttons
Social buttons with icons.(In process)
Typography
Bootstrap Headings
All HTML headings, <h1> through <h6>, are
available.
This is a heading h1
Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero.
This is a heading h2
Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.
This is a heading h3
Etiam rhoncus. Maecenas tempus, tellus condimentum rhoncus, sem quam libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, vel.
This is a heading h4
Etiam rhoncus. Maecenas tempus, tellus condimentum rhoncus, sem quam libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, vel.
This is a heading h5
Sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel.
This is a heading h6
Sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel.
Bootstrap Headings
class="tk-museo-slab"
This is a heading h1
This is a heading h2
This is a heading h3
This is a heading h4
This is a heading h5
This is a heading h6
Built in toggle
Detail tag wraps summary tag
<details><summary>Question text</summary>The answer
</details>
Even more details
Here are even more details about the details.
Custom Headings
Found in custom css file
Shadow Text
class is text-shadow
Text Deboss
class is text-deboss
Text Relief
class is text relief
Small Expanded Uppercase
class is small-expanded-uppercase
Expanded Uppercase
class is expanded-uppercase
Small Expanded Uppercase
class is small-expanded-uppercase
Expanded Uppercase
class is expanded-uppercase
Color
Color
Background classes.
bg-primary
bg-secondary
bg-success
bg-danger
bg-warning
bg-info
bg-light
bg-dark
orange
dark-gray
pink
Color
Contextual text classes.
text-primary
text-secondary
text-success
text-danger
text-warning
text-info
text-white
text-pink
text-orange
text-green
text-cyan
text-dark-gray
text-navy
Cards
Card with image and links
Some quick example text to build on the card title and make up the bulk of the card's content.
Card link Another link
Card with image and button
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhere
Card with image and list
- Cras justo odio
- Dapibus ac facilisis in
- Vestibulum at eros
Card with links
Some quick example text to build on the card title and make up the bulk of the card's content.
Card link Another linkCard with button
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhereCard with list
- Cras justo odio
- Dapibus ac facilisis in
- Vestibulum at eros
Card with tabs
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhereCard with tabs
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhereCard with tabs
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhereCard with pills
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhereCard with pills
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhereCard with pills
Some quick example text to build on the card title and make up the bulk of the card's content.
Go somewhere