Головна‎ > ‎Bootstrap 4‎ > ‎

Відступи

  • m - margin    // m-5
  • p - padding   // p-6



  • margin-top або padding-top              //   mt-5     pt-5
  • margin-bottom або padding-bottom        //   mb-5    pb-5
  • margin-left або padding-left            //   ml-5     pl-5
  • margin-right або padding-right          //   mr-5     pr-5
  • *-left і *-right                         //   mx-5     px-5
  • *-top і *-bottom                         //   my-5     py-5
  • margin або padding 4 сторони                     //   m-5       p-5


  • mx-auto - блок по середині
  • ml-auto - блок вправо
  • mw-100 - (фото) по ширині контейгера
  • w-25 - ширина 25%, 50%, 75%, 100%



d-flex - звичайний тег зробити флексом




<div class="col m-5 p-5" style="background-color:red;">1</div>




<div class="row">
    <div style="height:500px">
         <div class="h-25 d-inline-block" style="background-color:red;width:100px;">25%</div>
         <div class="h-50 d-inline-block" style="background-color:red;width:100px;">50%</div>
         <div class="h-75 d-inline-block" style="background-color:red;width:100px;">75%</div>
         <div class="h-100 d-inline-block" style="background-color:red;width:100px;">100%</div>
    </div>
</div>