Margin
Margin
● m-auto● mx-auto
Margin-top
● mt-1● mt-2
● mt-3
● mt-4
● mt-5
● mt-6
● mt-7
● mt-8
● mt-9
● mt-10
Margin-bottom
● mb-1● mb-2
● mb-3
● mb-4
● mb-5
● mb-6
● mb-7
● mb-8
● mb-9
● mb-10
Margin-left
● ml-1● ml-2
● ml-3
● ml-4
● ml-5
● ml-6
● ml-7
● ml-8
● ml-9
● ml-10
Margin-right
● mr-1● mr-2
● mr-3
● mr-4
● mr-5
● mr-6
● mr-7
● mr-8
● mr-9
● mr-10
Padding
Pading
● p-auto● px-auto
Padding-top
● pt-1● pt-2
● pt-3
● pt-4
● pt-5
● pt-6
● pt-7
● pt-8
● pt-9
● pt-10
Padding-bottom
● pb-1● pb-2
● pb-3
● pb-4
● pb-5
● pb-6
● pb-7
● pb-8
● pb-9
● pb-10
Pading-left
● pl-1● pl-2
● pl-3
● pl-4
● pl-5
● pl-6
● pl-7
● pl-8
● pl-9
● pl-10
Padding-right
● pr-1● pr-2
● pr-3
● pr-4
● pr-5
● pr-6
● pr-7
● pr-8
● pr-9
● pr-10
Colors
Light colors
● White ■● Yellow ■
● Green ■
● Purple ■
● Cyan ■
● Orange ■
● Red ■
● Blue ■
● Pink ■
Dark colors
● Black ■● Brown ■
● Gray ■
Width & Height
Width
● w-1● w-2
● w-3
● w-4
● w-5
● w-6
● w-7
● w-8
● w-9
● w-10
Height
● h-1● h-2
● h-3
● h-4
● h-5
● h-6
● h-7
● h-8
● h-9
● h-10
Typography
Font-size
● fs-1● fs-2
● fs-3
● fs-4
● fs-5
● fs-6
● fs-7
● fs-8
● fs-9
● fs-10
Letter spacing
● ls-1● ls-2
● ls-3
● ls-4
● ls-5
● ls-6
● ls-7
● ls-8
● ls-9
● ls-10
Line-height
● lh-1● lh-2
● lh-3
● lh-4
● lh-5
● lh-6
● lh-7
● lh-8
● lh-9
● lh-10
Text-shadow(light)
● tx-1-light● tx-2-light
● tx-3-light
● tx-4-light
● tx-5-light
● tx-6-light
● tx-7-light
● tx-8-light
● tx-9-light
● tx-10-light
Text-shadow(dark)
● tx-1-dark● tx-2-dark
● tx-3-dark
● tx-4-dark
● tx-5-dark
● tx-6-dark
● tx-7-dark
● tx-8-dark
● tx-9-dark
● tx-10-dark
Box-design
Rounded box
● br-1● br-2
● br-3
● br-4
● br-5
● br-6
● br-7
● br-8
● br-9
● br-10
Box shadow(light & outside)
● bx-1-light● bx-2-light
● bx-3-light
● bx-4-light
● bx-5-light
● bx-6-light
● bx-7-light
● bx-8-light
● bx-9-light
● bx-10-light
Box shadow(light & inside)
● bx-i-1-light● bx-i-2-light
● bx-i-3-light
● bx-i-4-light
● bx-i-5-light
● bx-i-6-light
● bx-i-7-light
● bx-i-8-light
● bx-i-9-light
● bx-i-10-light
Box shadow(dark & outside)
● bx-1-dark● bx-2-dark
● bx-3-dark
● bx-4-dark
● bx-5-dark
● bx-6-dark
● bx-7-dark
● bx-8-dark
● bx-9-dark
● bx-10-dark
Box shadow(dark & inside)
● bx-i-1-dark● bx-i-2-dark
● bx-i-3-dark
● bx-i-4-dark
● bx-i-5-dark
● bx-i-6-dark
● bx-i-7-dark
● bx-i-8-dark
● bx-i-9-dark
● bx-i-10-dark
Row & Columns
Row
● rowColumn(small)
● col-sm-1● col-sm-2
● col-sm-3
● col-sm-4
● col-sm-5
● col-sm-6
● col-sm-7
● col-sm-8
● col-sm-9
● col-sm-10
● col-sm-11
● col-sm-12
Column(medium)
● col-md-1● col-md-2
● col-md-3
● col-md-4
● col-md-5
● col-md-6
● col-md-7
● col-md-8
● col-md-9
● col-md-10
● col-md-11
● col-md-12
Column(large)
● col-lg-1● col-lg-2
● col-lg-3
● col-lg-4
● col-lg-5
● col-lg-6
● col-lg-7
● col-lg-8
● col-lg-9
● col-lg-10
● col-lg-11
● col-lg-12
Some other classes
Centering
● vc(for vertically center)
● hc
(for horizontalally center)
● center
(for both horizontally and vertically)
Button
● btn● btn-red
● btn-yellow
● btn-green
● btn-cyan
● btn-black
● btn-white
● btn-purple
● btn-orange
● btn-pink
● btn-brown
Position
● p-re● p-fi
● p-ab
● f-l
● f-r
● f-n
Display
● d-flex● d-block
● d-none
● fd-col
● fd-row
● ai-center
● jc-center
● jc-sb
Other
● hidden● disabled
Want something more?
Check our latest COMPONENTS, which makes web designing more easier then your thinking .
ComponentsMessage here