Background Color
Each box can accpet .box-*
class that * is a color name. To make the color texts white, you should also add .box-inverse
to the .box tag.
Solid box header
Each box can accpet .box-solid .bg-*
class that * is a color name.
Primary
Which is the same as saying through shrinking from toil and pain.
Secondary
Success
Info
Warning
Danger
Outline boxs
Each box can accpet .box-outline-*
class that * is a color name.
Pale Background Color
Each box can accpet .bg-*
utility class
Bordery boxs
You are able to add borders to any side of a box. In some cases, you might want to have a 3px border in one side of a box.
Bordery left
.bl-3.border-primary
Which is the same as saying through shrinking from toil and pain.
Bordery Top
.bt-3.border-info
Which is the same as saying through shrinking from toil and pain.
Bordery Bottom
.bb-3.border-warning
Which is the same as saying through shrinking from toil and pain.
Bordery Right
.br-3.border-danger
Which is the same as saying through shrinking from toil and pain.