##### Switcher

Background Colors

`.bg-primary`

`.bg-secondary`

`.bg-warning`

`.bg-info`

`.bg-success`

`.bg-danger`

`.bg-light`

`.bg-dark`

Background gradients

`.bg-primary-gradient`

`.bg-secondary-gradient`

`.bg-warning-gradient`

`.bg-info-gradient`

`.bg-success-gradient`

`.bg-danger-gradient`

`.bg-light-gradient`

`.bg-dark-gradient`

Background transparent colors

`.bg-primary-transparent`

`.bg-secondary-transparent`

`.bg-warning-transparent`

`.bg-info-transparent`

`.bg-success-transparent`

`.bg-danger-transparent`

`.bg-light-transparent`

`.bg-dark-transparent`

Background outline colors

`.bg-outline-primary`

`.bg-outline-secondary`

`.bg-outline-warning`

`.bg-outline-info`

`.bg-outline-success`

`.bg-outline-danger`

`.bg-outline-light`

`.bg-outline-dark`

Border Colors

`.border-primary`

`.border-secondary`

`.border-warning`

`.border-info`

`.border-success`

`.border-danger`

`.border-light`

`.border-dark`

Background Opacity
100%

`.bg-opacity-75`

75%

`.bg-opacity-75`

50%

`.bg-opacity-50`

25%

`.bg-opacity-25`

10%

`.bg-opacity-10`

Text Colors
primary

`.text-primary`

secondary

`.text-secondary`

warning

`.text-warning`

info

`.text-info`

success

`.text-success`

danger

`.text-danger`

light

`.text-light`

dark

`.text-dark`

muted

`.text-muted`

Text Opacity
Opacity-100

`100% opacity`

Opacity-100

`.text-opacity-75`

Opacity-100

`.text-opacity-50`

Opacity-100

`.text-opacity-25`

Callout
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.

###### Other Colors:

$blue-100
$blue-200
$blue-300
$blue-400
$blue-500
$blue-600
$blue-700
$blue-800
$blue-900
$blue
$indigo-100
$indigo-200
$indigo-300
$indigo-400
$indigo-500
$indigo-600
$indigo-700
$indigo-800
$indigo-900
$indigo
$purple-100
$purple-200
$purple-300
$purple-400
$purple-500
$purple-600
$purple-700
$purple-800
$purple-900
$purple
$pink-100
$pink-200
$pink-300
$pink-400
$pink-500
$pink-600
$pink-700
$pink-800
$pink-900
$pink
$red-100
$red-200
$red-300
$red-400
$red-500
$red-600
$red-700
$red-800
$red-900
$red
$orange-100
$orange-200
$orange-300
$orange-400
$orange-500
$orange-600
$orange-700
$orange-800
$orange-900
$orange
$yellow-100
$yellow-200
$yellow-300
$yellow-400
$yellow-500
$yellow-600
$yellow-700
$yellow-800
$yellow-900
$yellow
$green-100
$green-200
$green-300
$green-400
$green-500
$green-600
$green-700
$green-800
$green-900
$green
$teal-100
$teal-200
$teal-300
$teal-400
$teal-500
$teal-600
$teal-700
$teal-800
$teal-900
$teal
$cyan-100
$cyan-200
$cyan-300
$cyan-400
$cyan-500
$cyan-600
$cyan-700
$cyan-800
$cyan-900
$cyan
$gray-100
$gray-200
$gray-300
$gray-400
$gray-500
$gray-600
$gray-700
$gray-800
$gray-900
$gray

Are You Looking For...

People Pages Articles Tags

Recent Search :

Notifications
Alerts
Mail