FIRST PREFIX ( M-*)
SECOND PREFIX(M-T/B/L/R-*)
LAST PREFIX(M-T-$VALUE)
m-t-10
which means Margin Top 10px
m-b-20
which means Margin Bottom 20px
m-l-5
which means Margin Left 5px
m-r-35
which means Margin Right 35px Value can not be anything, 1,2,4,5,6. It has a step of 5px, eg: 5,10,15
To remove margin from a HTML element add the classno-margin
FIRST PREFIX ( P-*)
SECOND PREFIX(P-T/B/L/R-*)
LAST PREFIX(P-T-$VALUE)
p-t-10
which means Padding Top 10px
p-b-20
which means Padding Bottom 20px
p-l-5
which means Padding Left 5px
p-r-35
which means Padding Right 35px Value can not be anything, 1,2,4,5,6. It has a step of 5px, eg: 5,10,15
no-padding
FIRST PREFIX ( B-*)
SECOND PREFIX(B-T/B/L/R/A-*)
b-transparent
40% opacityb-grey
b-primary
b-success
b-complete
b-danger
b-warning
b-dashed
- change the border style to 'dashed'b-thick
- change the border width to 2pxb-rad-sm
b-rad-md
b-rad-lg
div
by using these helper classes. These classes will come handy when you want to vertically align any content like in native table
s.*-sm-*
. You can replace *-sm-*
with any other breakpoint prefix defined in Bootstrap to restrict the table-like behavior to a particular resolution (ex: 'xs','md','lg')col-middle
, col-top
or col-bottom
to col-*-height
to vertically align the contentrow
and col-*-*
classes without any conflictposition:absolute
. Add .relative
to the parent of the element that you want to be absolute to have relative positioningtop-left top-right
will produce the following CSS stylingtop:0; left:0; right:0
full-width
full-height
scrollable
overflow-y:auto
center-margin
margin-left:auto; margin-right:auto
. Useful when center aligning any divinherit-size
inherit-height
hide
inline
display:inline-block