HexaBit

Please wait...

Table Color

Create New

Table DarkAdd Class .table-dark .table-striped

#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter

Table head DarkAdd Class .thead-dark

#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter

Table head LightAdd Class .thead-light

#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter

Solid Color background Add Class .bg-pink

#First NameLast NameClass name
1MarkOtto.bg-blue
2JacobThornton.bg-cyan
3Larrythe Bird.bg-amber
4LarryJellybean.bg-blush
5LarryKikat.bg-purple

Gradient Color background Add Class .l-pink

#First NameLast NameClass name
1MarkOtto.l-pink
2JacobThornton.l-turquoise
3Larrythe Bird.l-parpl
4LarryJellybean.l-blue
5LarryKikat.l-blush

Light Color background Add Class .xl-pink

#First NameLast NameClass name
1MarkOtto.xl-pink
2JacobThornton.xl-turquoise
3Larrythe Bird.xl-parpl
4LarryJellybean.xl-blue
5LarryKikat.xl-khaki

Bootstrap 4 Table background The contextual classes that can be used are:

ClassDescription
.table-primaryBlue:Indicates an important action
.table-successGreen:Indicates a successful or positive action
.table-dangerRed:Indicates a dangerous or potentially negative action
.table-infoLight blue:Indicates a neutral informative change or action
.table-warningOrange:Indicates a warning that might need attention
.table-activeGrey:Applies the hover color to the table row or table cell
.table-secondaryGrey:Indicates a slightly less important action
.table-lightLight grey table or table row background
.table-darkDark grey table or table row background