These are all the available helper classes used in the template
Borders
.no-border .b-a-0 remove all borders
.b-a border on all 4 sides
.b-l left border
.b-r right border
.b-t top border
.b-b bottom border
.b-t-0 border-top: 0
.b-r-0 border-right: 0
.border-primary border color primary
.border-default border color default
.border-warning border color warning
.border-success border color success
.border-info border color info
.border-white border color white
.border-danger border color danger
Border radius
.no-radius remove border radius
.round 4 corner border-radius
.brtl top left border radius
.brtr top right border radius
.blbl bottom left border radius
.brbr bottom right border radius
Overflow
.overflow-hidden overflow hidden
.overflow-visible overflow visible
.overflow-auto overflow auto
Positioning
.relative position: relative
.absolute position: absolute
.lt left: 0
.rt right: 0
.bt bottom: 0
.tp top: 0
Text alignment
.text-left Left aligned text.
.text-center Center aligned text.
.text-right Right aligned text.
.text-justify Justified text.
.text-nowrap no wrap text.
Other
.no-padding remove padding
.no-margin remove margin
.no-bg transparent background
.no-shadow remove box shadows
.shadow add a subtle box shadow
.text-shadow add a subtle text shadow
.block display block
Margins and paddings
| Class |
Description |
.m-x-n |
-15px margin left and right |
.m-r-n |
-15px margin right |
.m-l-n |
-15px margin left |
.m-a-lg |
30px margin |
.m-r-lg |
30px right margin |
.m-b-lg |
30px bottom margin |
.m-l-lg |
30px left margin |
.m-t-lg |
30px top margin |
.m-x-lg |
30px left and right margin |
.m-y-lg |
30px top and bottom margin |
.m-a-md |
20px margin |
.m-r-md |
20px right margin |
.m-b-md |
20px bottom margin |
.m-l-md |
20px left margin |
.m-t-md |
20px top margin |
.m-x-md |
20px left and right margin |
.m-y-md |
20px top and bottom margin |
.m-a |
15px margin |
.m-r |
15px right margin |
.m-b |
15px bottom margin |
.m-l |
15px left margin |
.m-t |
15px top margin |
.m-x |
15px left and right margin |
.m-y |
15px top and bottom margin |
.m-x-auto |
auto left and right margin |
.m-a-0 |
0px margin |
.m-r-0 |
0px right margin |
.m-b-0 |
0px bottom margin |
.m-l-0 |
0px left margin |
.m-t-0 |
0px top margin |
.m-x-0 |
0px left and right margin |
.m-y-0 |
0px top and bottom margin |
| Class |
Description |
.p-x-n |
-15px padding left and right |
.p-r-n |
-15px padding right |
.p-l-n |
-15px padding left |
.p-a-lg |
30px padding |
.p-r-lg |
30px right padding |
.p-b-lg |
30px bottom padding |
.p-l-lg |
30px left padding |
.p-t-lg |
30px top padding |
.p-x-lg |
30px left and right padding |
.p-y-lg |
30px top and bottom padding |
.p-a-md |
20px padding |
.p-r-md |
20px right padding |
.p-b-md |
20px bottom padding |
.p-l-md |
20px left padding |
.p-t-md |
20px top padding |
.p-x-md |
20px left and right padding |
.p-y-md |
20px top and bottom padding |
.p-a |
15px padding |
.p-r |
15px right padding |
.p-b |
15px bottom padding |
.p-l |
15px left padding |
.p-t |
15px top padding |
.p-x |
15px left and right padding |
.p-y |
15px top and bottom padding |
.p-x-auto |
auto left and right padding |
.p-a-0 |
0px padding |
.p-r-0 |
0px right padding |
.p-b-0 |
0px bottom padding |
.p-l-0 |
0px left padding |
.p-t-0 |
0px top padding |
.p-x-0 |
0px left and right padding |
.p-y-0 |
0px top and bottom padding |