sQuare

Please wait...

Tables Color

TableDarkAdd Class .table-dark .table-striped

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

Table headDarkAdd Class .thead-dark

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

Table headLightAdd Class .thead-light

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

Solid Colorbackground 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 Colorbackground 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 Colorbackground 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 Tablebackground 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