Bootstrap Colors | Components AI

Theme

Bg

Colors

Primary

Secondary

Success

Danger

Warning

Info

Light

Dark

Constrain to theme

A simple primary alert

A simple secondary

A simple success alert

A simple danger alert

A simple warning alert

A simple info alert

A simple light alert

A simple dark alert

PrimarySecondarySuccessDangerWarningInfoLightDarkPrimarySecondarySuccessDangerWarningInfoLightDark

Header

Primary card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Secondary title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Success card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Danger card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Warning card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Info card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Light card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Header

Dark card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Cras justo odio
Dapibus ac facilisis in
Morbi leo risus
Porta ac consectetur ac
Vestibulum at eros

Cras justo odio14
Dapibus ac facilisis in2
Morbi leo risus1

25%