Cards

1.

Card Default

Available card styles and colors

Default Border Card

#1.01

White Card

#1.02

Primary Card

#1.03

Primary Card

#1.04

Info Card

#1.05

Success Card

#1.06

Warning Card

#1.07

Danger Card

#1.08

Dark Card

#1.09

Facebook Card (Social Colors)

#1.10

Bootstrap Card

#1.11

2.

Cards Borders

Use border utilities to change just the border-color of a card.

Dark Border Card

#2.01

Primary Border Card

#2.02

Secondary Border Card

#2.03

Info Border Card

#2.04

Success Border Card

#2.05

Warning Border Card

#2.06

Danger Border Card

#2.07

Facebook Border Card (Social Colors)

#2.08

3.

Cards Sides Borders

Use border utilities to change just the bt-primary bt-2, br-info br-2, bl-danger bb-2 etc. of a card.

Left Dark Border

#3.01

Top Primary Border

#3.02

Bottom Secondary Border

#3.03

Right Info Border

#3.04

Left & Right Success Border

#3.05

Left & Right Warning Border

#3.06

Left Danger Border

#3.07

4.

Card Header Borders

Available card styles and colors

Bottom Dark Border

#4.01

Bottom Primary Border

#4.02

Bottom Secondary Border

#4.03

Bottom Success Border

#4.04

Bottom Info Border

#4.05

Bottom Warning Border

#4.05

Bottom Danger Border

#4.06

Bottom Facebook Border (Social Colors)

#4.07

5.

Cards Backgrounds

Use text and background utilities to change the appearance of a card.

White Background

#5.01

Primary Background

#5.02

Secondary Background

#5.03

Info Background

#5.04

Success Background

#5.05

Warning Background

#5.06

Danger Background

#5.07

Dark Background

#5.08

Facebook Background

#5.09

6.

Cards Various

Used helpers like: .bg-none, .b-dashed, .b-dotted and , .b-none etc.

Without Background

#6.01

Dashed Border Card

#6.02

Shadow Large .shadow-lg

#6.04

Shadow Regular .shadow

#6.05

Shadow Small .shadow-sm

#6.06

Dotted Border Card

#6.07

Without Border & Background Card

#6.08

Configurator
Nav Color
Nav Style