بک گراند

باید المان پرنت ارتفاع و عرض داشته باشه تا المان های داخلی با کلاس های w و h بیان درصدی از عرض و ارتفاع رو به خودشون اختصاص بدن مثل مثال زیر که در اون دیو پرنت ارتفاع 100px داره و المان های داخلی شون با کلاس های h-25 , h-50 ,h , h-75 , h-100 , h-auto اومدن درصدی از ارتفاع پرنت رو اشغال کردن   

<div style="height: 100px; background-color: rgba(255,0,0,0.1);">

  <div class="h-25 d-inline-block" style="width: 120px; background-color: rgba(0,0,255,.1)">Height 25%</div>

  <div class="h-50 d-inline-block" style="width: 120px; background-color: rgba(0,0,255,.1)">Height 50%</div>

  <div class="h-75 d-inline-block" style="width: 120px; background-color: rgba(0,0,255,.1)">Height 75%</div>

  <div class="h-100 d-inline-block" style="width: 120px; background-color: rgba(0,0,255,.1)">Height 100%</div>

  <div class="h-auto d-inline-block" style="width: 120px; background-color: rgba(0,0,255,.1)">Height auto</div>

</div>