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 |