Margin / Padding

Specifies the space between the content and its border and controls the space around an element.

mt-1
ml-3
pt-5
  <div class="d-flex">
    <div class="xx mt-1">mt-1</div>
    <div class="xx ml-3">ml-3</div>
    <div class="xx pt-5">pt-5</div>
  </div>
m-0...8Margin 0...8.
mt-0...8Margin top 0...8.
mb-0...8Margin bottom 0...8.
ml-0...8Margin left 0...8.
mr-0...8Margin right 0...8.
p-0...8Padding 0...8.
pt-0...8Padding top 0...8.
pb-0...8Padding bottom 0...8.
pl-0...8Padding left 0...8.
pr-0...8Padding right 0...8.