General Elements
Proin placerat ante duiullam scelerisque a velit ac porta, fusce sit amet vestibulum mi. Morbi lobortis pulvinar quam.
Overview
Nam pulvinar interdum turpis a mattis. Etiam augue leo, mollis a massa sagittis, egestas pretium risus. Aliquam auctor nibh mauris, at fringilla elit lobortis sodales. Praesent volutpat felis et placerat elementum.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Mauris bibendum massa ut porttitor congue.
- Morbi condimentum magna eget facilisis accumsan.
- Proin euismod eros nec libero efficitur, a dapibus mauris condimentum.
Buttons
Use custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
Buttons
Radio Buttons
Color
Similar to the contextual text color classes, easily set the background of an element to any contextual class.
Color
Background Color
Color
.text-primary
.text-secondary
.text-success
.text-danger
.text-warning
.text-info
.text-light
.text-dark
.text-muted
.text-white
Borders
Alerts
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
Alerts Examples
Basic Alerts
Link Alerts
Additional Content
Well done!
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
Badges
Use custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
Badges Examples
Default Badges
Primary Brand Secondary Success Danger Warning Info Light DarkContextual Variations
Primary Brand Secondary Success Danger Warning Info Light DarkPill Badges
Primary Brand Secondary Success Danger Warning Info Light DarkDot Badges
Primary Brand Secondary Success Danger Warning Info Light DarkNotification Badges
Notifications 4Tooltips & Popover
Use custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
Tooltips & Popovers
Tooltip
Popovers
Four Directions
Modals
Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.
Examples
Live Demo
Launch demo modalPaginations
Examples for showing pagination to indicate a series of related content exists across multiple pages.