Helper classes

These are all the available helper classes used in the template

Borders
  • .no-border.b-a-0remove all borders
  • .b-aborder on all 4 sides
  • .b-lleft border
  • .b-rright border
  • .b-ttop border
  • .b-bbottom border
  • .b-t-0border-top: 0
  • .b-r-0border-right: 0
  • .border-primaryborder color primary
  • .border-defaultborder color default
  • .border-warningborder color warning
  • .border-successborder color success
  • .border-infoborder color info
  • .border-whiteborder color white
  • .border-dangerborder color danger

Border radius
  • .no-radiusremove border radius
  • .round4 corner border-radius
  • .brtltop left border radius
  • .brtrtop right border radius
  • .blblbottom left border radius
  • .brbrbottom right border radius

Overflow
  • .overflow-hiddenoverflow hidden
  • .overflow-visibleoverflow visible
  • .overflow-autooverflow auto

Positioning
  • .relativeposition: relative
  • .absoluteposition: absolute
  • .ltleft: 0
  • .rtright: 0
  • .btbottom: 0
  • .tptop: 0

Text alignment
  • .text-leftLeft aligned text.
  • .text-centerCenter aligned text.
  • .text-rightRight aligned text.
  • .text-justifyJustified text.
  • .text-nowrapno wrap text.

Other
  • .no-paddingremove padding
  • .no-marginremove margin
  • .no-bgtransparent background
  • .no-shadowremove box shadows
  • .shadowadd a subtle box shadow
  • .text-shadowadd a subtle text shadow
  • .blockdisplay block

Margins and paddings
ClassDescription
.m-x-n-15px margin left and right
.m-r-n-15px margin right
.m-l-n-15px margin left
.m-a-lg30px margin
.m-r-lg30px right margin
.m-b-lg30px bottom margin
.m-l-lg30px left margin
.m-t-lg30px top margin
.m-x-lg30px left and right margin
.m-y-lg30px top and bottom margin
.m-a-md20px margin
.m-r-md20px right margin
.m-b-md20px bottom margin
.m-l-md20px left margin
.m-t-md20px top margin
.m-x-md20px left and right margin
.m-y-md20px top and bottom margin
.m-a15px margin
.m-r15px right margin
.m-b15px bottom margin
.m-l15px left margin
.m-t15px top margin
.m-x15px left and right margin
.m-y15px top and bottom margin
.m-x-autoauto left and right margin
.m-a-00px margin
.m-r-00px right margin
.m-b-00px bottom margin
.m-l-00px left margin
.m-t-00px top margin
.m-x-00px left and right margin
.m-y-00px top and bottom margin
ClassDescription
.p-x-n-15px padding left and right
.p-r-n-15px padding right
.p-l-n-15px padding left
.p-a-lg30px padding
.p-r-lg30px right padding
.p-b-lg30px bottom padding
.p-l-lg30px left padding
.p-t-lg30px top padding
.p-x-lg30px left and right padding
.p-y-lg30px top and bottom padding
.p-a-md20px padding
.p-r-md20px right padding
.p-b-md20px bottom padding
.p-l-md20px left padding
.p-t-md20px top padding
.p-x-md20px left and right padding
.p-y-md20px top and bottom padding
.p-a15px padding
.p-r15px right padding
.p-b15px bottom padding
.p-l15px left padding
.p-t15px top padding
.p-x15px left and right padding
.p-y15px top and bottom padding
.p-x-autoauto left and right padding
.p-a-00px padding
.p-r-00px right padding
.p-b-00px bottom padding
.p-l-00px left padding
.p-t-00px top padding
.p-x-00px left and right padding
.p-y-00px top and bottom padding