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>