Color Bootstrap

Color bootstrap

Sample text

Sample text-primary

Sample text-primary-emphasis

bg-primary

border-primary

text-primary

text-primary-emphasis

Tabler

Sample text-primary-fg

Sample bg-primary-lt

Sample text-bg-primary

--tblr-primary-darken

text-primary-fg

bg-primary-lt

text-bg-primary

Sample text

Sample text-secondary

Sample text-secondary-emphasis

bg-secondary

border-secondary

text-secondary

text-secondary-emphasis

Tabler

Sample text-secondary-fg

Sample bg-secondary-lt

Sample text-bg-secondary

--tblr-secondary-darken

text-secondary-fg

bg-secondary-lt

text-bg-secondary

Sample text

Sample text-success

Sample text-success-emphasis

bg-success

border-success

text-success

text-success-emphasis

Tabler

Sample text-success-fg

Sample bg-success-lt

Sample text-bg-success

--tblr-success-darken

text-success-fg

bg-success-lt

text-bg-success

Sample text

Sample text-info

Sample color text-info-emphasis

bg-info

border-info

text-info

text-info-emphasis

Tabler

Sample text-info-fg

Sample bg-info-lt

Sample text-bg-info

--tblr-info-darken

text-info-fg

bg-info-lt

text-bg-info

Sample text

Sample text-warning

Sample text-warning-emphasis

bg-warning

border-warning

text-warning

text-warning-emphasis

Tabler

Sample text-warning-fg

Sample bg-warning-lt

Sample text-bg-warning

--tblr-warning-darken

text-warning-fg

bg-warning-lt

text-bg-warning

Sample text

Sample text-danger

Sample text-danger-emphasis

bg-danger

border-danger

text-danger

text-danger-emphasis

Tabler

Sample text-danger-fg

Sample bg-danger-lt

Sample text-bg-danger

--tblr-danger-darken

text-danger-fg

bg-danger-lt

text-bg-danger

Sample text

Sample text-light

Sample text-light-emphasis

bg-light

border-light

text-light

text-light-emphasis

Tabler

Sample text-light-fg

Sample bg-light-lt

Sample text-bg-light

--tblr-light-darken

text-light-fg

bg-light-lt

text-bg-light

Sample text

Sample text-dark

Sample text-dark-emphasis

bg-dark

border-dark

text-dark

text-dark-emphasis

Tabler

Sample text-dark-fg

Sample bg-dark-lt

Sample text-bg-dark

--tblr-dark-darken

text-dark-fg

bg-dark-lt

text-bg-dark

Sample text

Sample text-black

Sample text-black-50

bg-black

border-black

text-black

text-black-50

Sample text

Sample text-white

Sample text-white-50

bg-white

border-white

text-white

text-white-50

Sample text

Sample text-body

Sample text-body-emphasis

bg-body

text-body

text-body-emphasis

Sample text

Sample text-muted

Sample text-reset

bg-transparent

text-muted

text-reset

Sample text

Sample text-body-secondary

bg-body-secondary

text-body-secondary

Sample text

Sample text-body-tertiary

bg-body-tertiary

text-body-tertiary

Sample text

Sample text color

bg-primary-subtle

border-primary-subtle

Sample text

Sample text color

bg-secondary-subtle

border-secondary-subtle

Sample text

Sample text color

bg-success-subtle

border-success-subtle

Sample text

Sample text color

bg-info-subtle

border-info-subtle

Sample text

Sample text color

bg-warning-subtle

border-warning-subtle

Sample text

Sample text color

bg-danger-subtle

border-danger-subtle

Sample text

Sample text color

bg-light-subtle

border-light-subtle

Sample text

Sample text color

bg-dark-subtle

border-dark-subtle

Sample text

Sample text color

bg-gradient

Sample text

--tblr-gray

--tblr-gray-dark

--tblr-gray-100

--tblr-gray-200

--tblr-gray-300

--tblr-gray-400

--tblr-gray-500

--tblr-gray-600

--tblr-gray-700

--tblr-gray-800

--tblr-gray-900

Sample text

Sample text color

Opacity bootstrap

Sample text

Sample text-opacity-10

bg-opacity-10

border-opacity-10

text-opacity-10

Sample text

Sample text-opacity-25

bg-opacity-25

border-opacity-25

text-opacity-25

Sample text

Sample text-opacity-50

bg-opacity-50

border-opacity-50

text-opacity-50

Sample text

Sample text-opacity-75

bg-opacity-75

border-opacity-75

text-opacity-75

Sample text

Sample text-opacity-100

bg-opacity-100

border-opacity-100

text-opacity-100

Color tabler

Sample text

Sample text-tabler

Sample text-tabler-fg

Sample bg-tabler-lt

Sample text-bg-tabler

--tblr-tabler-darken

bg-tabler

border-tabler

text-tabler

text-tabler-fg

bg-tabler-lt

text-bg-tabler

Sample text

Sample text-muted

Sample text-muted-fg

Sample bg-muted-lt

Sample text-bg-muted

--tblr-muted-darken

bg-muted

border-muted

text-muted

text-muted-fg

bg-muted-lt

text-bg-muted

Sample text

Sample text-blue

Sample text-blue-fg

Sample bg-blue-lt

Sample text-bg-blue

--tblr-blue-darken

bg-blue

border-blue

text-blue

text-blue-fg

bg-blue-lt

text-bg-blue

Sample text

Sample text-azure

Sample text-azure-fg

Sample bg-azure-lt

Sample text-bg-azure

--tblr-azure-darken

bg-azure

border-azure

text-azure

text-azure-fg

bg-azure-lt

text-bg-azure

Sample text

Sample text-indigo

Sample text-indigo-fg

Sample bg-indigo-lt

Sample text-bg-indigo

--tblr-indigo-darken

bg-indigo

border-indigo

text-indigo

text-indigo-fg

bg-indigo-lt

text-bg-indigo

Sample text

Sample text-purple

Sample text-purple-fg

Sample bg-purple-lt

Sample text-bg-purple

--tblr-purple-darken

bg-purple

border-purple

text-purple

text-purple-fg

bg-purple-lt

text-bg-purple

Sample text

Sample text-pink

Sample text-pink-fg

Sample bg-pink-lt

Sample text-bg-pink

--tblr-pink-darken

bg-pink

border-pink

text-pink

text-pink-fg

bg-pink-lt

text-bg-pink

Sample text

Sample text-red

Sample text-red-fg

Sample bg-red-lt

Sample text-bg-red

--tblr-red-darken

bg-red

border-red

text-red

text-red-fg

bg-red-lt

text-bg-red

Sample text

Sample text-orange

Sample text-orange-fg

Sample bg-orange-lt

Sample text-bg-orange

--tblr-orange-darken

bg-orange

border-orange

text-orange

text-orange-fg

bg-orange-lt

text-bg-orange

Sample text

Sample text-yellow

Sample text-yellow-fg

Sample bg-yellow-lt

Sample text-bg-yellow

--tblr-yellow-darken

bg-yellow

border-yellow

text-yellow

text-yellow-fg

bg-yellow-lt

text-bg-yellow

Sample text

Sample text-lime

Sample text-lime-fg

Sample bg-lime-lt

Sample text-bg-lime

--tblr-lime-darken

bg-lime

border-lime

text-lime

text-lime-fg

bg-lime-lt

text-bg-lime

Sample text

Sample text-green

Sample text-green-fg

Sample bg-green-lt

Sample text-bg-green

--tblr-green-darken

bg-green

border-green

text-green

text-green-fg

bg-green-lt

text-bg-green

Sample text

Sample text-teal

Sample text-teal-fg

Sample bg-teal-lt

Sample text-bg-teal

--tblr-teal-darken

bg-teal

border-teal

text-teal

text-teal-fg

bg-teal-lt

text-bg-teal

Sample text

Sample text-cyan

Sample text-cyan-fg

Sample bg-cyan-lt

Sample text-bg-cyan

--tblr-cyan-darken

bg-cyan

border-cyan

text-cyan

text-cyan-fg

bg-cyan-lt

text-bg-cyan

Sample text

Sample bg-gray-50

Sample bg-gray-100

Sample bg-gray-200

Sample bg-gray-300

Sample bg-gray-400

Sample bg-gray-500

Sample bg-gray-600

Sample bg-gray-700

Sample bg-gray-800

Sample bg-gray-900

bg-gray-50

bg-gray-100

bg-gray-200

bg-gray-300

bg-gray-400

bg-gray-500

bg-gray-600

bg-gray-700

bg-gray-800

bg-gray-900

Sample text

Sample text-gray-50-fg

Sample text-gray-100-fg

Sample text-gray-200-fg

Sample text-gray-300-fg

Sample text-gray-400-fg

Sample text-gray-500-fg

Sample text-gray-600-fg

Sample text-gray-700-fg

Sample text-gray-800-fg

Sample text-gray-900-fg

text-gray-50-fg

text-gray-100-fg

text-gray-200-fg

text-gray-300-fg

text-gray-400-fg

text-gray-500-fg

text-gray-600-fg

text-gray-700-fg

text-gray-800-fg

text-gray-900-fg

Sample text

--tblr-gray-500

--tblr-gray-500-rgb

--tblr-gray-500-fg

--tblr-gray-500-darken

--tblr-gray-500-lt

--tblr-gray-500-lt-rgb

Sample text

--tblr-bg-surface

--tblr-bg-surface-secondary

--tblr-bg-surface-tertiary

--tblr-bg-surface-dark

--tblr-bg-forms

Sample text

Sample

Sample text

Sample text color

Social color tabler

Sample text

Sample text-facebook

Sample text-facebook-fg

Sample bg-facebook-lt

Sample text-bg-facebook

--tblr-facebook-darken

bg-facebook

border-facebook

text-facebook

text-facebook-fg

bg-facebook-lt

text-bg-facebook

Sample text

Sample text-twitter

Sample text-twitter-fg

Sample bg-twitter-lt

Sample text-bg-twitter

--tblr-twitter-darken

bg-twitter

border-twitter

text-twitter

text-twitter-fg

bg-twitter-lt

text-bg-twitter

Sample text

Sample text-linkedin

Sample text-linkedin-fg

Sample bg-linkedin-lt

Sample text-bg-linkedin

--tblr-linkedin-darken

bg-linkedin

border-linkedin

text-linkedin

text-linkedin-fg

bg-linkedin-lt

text-bg-linkedin

Sample text

Sample text-google

Sample text-google-fg

Sample bg-google-lt

Sample text-bg-google

--tblr-google-darken

bg-google

border-google

text-google

text-google-fg

bg-google-lt

text-bg-google

Sample text

Sample text-youtube

Sample text-youtube-fg

Sample bg-youtube-lt

Sample text-bg-youtube

--tblr-youtube-darken

bg-youtube

border-youtube

text-youtube

text-youtube-fg

bg-youtube-lt

text-bg-youtube

Sample text

Sample text-vimeo

Sample text-vimeo-fg

Sample bg-vimeo-lt

Sample text-bg-vimeo

--tblr-vimeo-darken

bg-vimeo

border-vimeo

text-vimeo

text-vimeo-fg

bg-vimeo-lt

text-bg-vimeo

Sample text

Sample text-dribbble

Sample text-dribbble-fg

Sample bg-dribbble-lt

Sample text-bg-dribbble

--tblr-dribbble-darken

bg-dribbble

border-dribbble

text-dribbble

text-dribbble-fg

bg-dribbble-lt

text-bg-dribbble

Sample text

Sample text-github

Sample text-github-fg

Sample bg-github-lt

Sample text-bg-github

--tblr-github-darken

bg-github

border-github

text-github

text-github-fg

bg-github-lt

text-bg-github

Sample text

Sample text-instagram

Sample text-instagram-fg

Sample bg-instagram-lt

Sample text-bg-instagram

--tblr-instagram-darken

bg-instagram

border-instagram

text-instagram

text-instagram-fg

bg-instagram-lt

text-bg-instagram

Sample text

Sample text-pinterest

Sample text-pinterest-fg

Sample bg-pinterest-lt

Sample text-bg-pinterest

--tblr-pinterest-darken

bg-pinterest

border-pinterest

text-pinterest

text-pinterest-fg

bg-pinterest-lt

text-bg-pinterest

Sample text

Sample text-vk

Sample text-vk-fg

Sample bg-vk-lt

Sample text-bg-vk

--tblr-vk-darken

bg-vk

border-vk

text-vk

text-vk-fg

bg-vk-lt

text-bg-vk

Sample text

Sample text-rss

Sample text-rss-fg

Sample bg-rss-lt

Sample text-bg-rss

--tblr-rss-darken

bg-rss

border-rss

text-rss

text-rss-fg

bg-rss-lt

text-bg-rss

Sample text

Sample text-flickr

Sample text-flickr-fg

Sample bg-flickr-lt

Sample text-bg-flickr

--tblr-flickr-darken

bg-flickr

border-flickr

text-flickr

text-flickr-fg

bg-flickr-lt

text-bg-flickr

Sample text

Sample text-bitbucket

Sample text-bitbucket-fg

Sample bg-bitbucket-lt

Sample text-bg-bitbucket

--tblr-bitbucket-darken

bg-bitbucket

border-bitbucket

text-bitbucket

text-bitbucket-fg

bg-bitbucket-lt

text-bg-bitbucket

Sample text

Sample text-

Sample text--fg

Sample bg--lt

Sample text-bg-

bg-

border-

text-

text--fg

bg--lt

text-bg-

Sample text

Sample

Sample text

Sample text color

Navigation Menu

Notifications

Color Bootstrap