Box Color

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.

Primary

Which is the same as saying through shrinking from toil and pain.

Secondary Without .box-inverse

Which is the same as saying through shrinking from toil and pain.

Success

Which is the same as saying through shrinking from toil and pain.

Info

Which is the same as saying through shrinking from toil and pain.

Warning

Which is the same as saying through shrinking from toil and pain.

Danger

Which is the same as saying through shrinking from toil and pain.

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

Which is the same as saying through shrinking from toil and pain.

Success

Which is the same as saying through shrinking from toil and pain.

Info

Which is the same as saying through shrinking from toil and pain.

Warning

Which is the same as saying through shrinking from toil and pain.

Danger

Which is the same as saying through shrinking from toil and pain.

Outline boxs

Each box can accpet .box-outline-* class that * is a color name.

Primary

Which is the same as saying through shrinking from toil and pain.

Secondary Without .box-inverse

Which is the same as saying through shrinking from toil and pain.

Success

Which is the same as saying through shrinking from toil and pain.

Info

Which is the same as saying through shrinking from toil and pain.

Warning

Which is the same as saying through shrinking from toil and pain.

Danger

Which is the same as saying through shrinking from toil and pain.

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.