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.

Color

Similar to the contextual text color classes, easily set the background of an element to any contextual class.

Color

Background Color

.bg-primary
.bg-secondary
.bg-success
.bg-danger
.bg-warning
.bg-info
.bg-light
.bg-dark
.bg-white

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

Dismissing

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 Dark

Contextual Variations

Primary Brand Secondary Success Danger Warning Info Light Dark

Pill Badges

Primary Brand Secondary Success Danger Warning Info Light Dark

Dot Badges

Primary Brand Secondary Success Danger Warning Info Light Dark

Notification Badges

Notifications 4

Tooltips & 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

Examples

Live Demo

Launch demo modal
Pagination

Default Pagination

Sizing

Working with icon

Images
Responsive image Responsive image Responsive image
Progress Bars
65%
Progress sm
Progress md
Progress lg
Progress xl
Basic Preloader
Preloader States