<h2 class='m-5'></h2><div class='container pb-5'> <h6> </h6> <div class='w-25 p-3' style='background-color: #eee;'>Width 25% </div><div class='w-50 p-3' style='background-color: #eee;'>Width 50% </div><div class='w-75 p-3' style='background-color: #eee;'>Width 75% </div><div class='w-100 p-3' style='background-color: #eee;'>Width 100% </div><div class='w-auto p-3' style='background-color: #eee;'>Width auto </div><h6 class='mt-5'>height </h6> <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><h6 class='mt-5'>height </h6> <div class='mw-100 p-3' style='background-color: #eee;'>Max Width </div><div style='height: 100px; background-color: rgba(255,0,0,0.1);'> <div class='mh-100' style='width: 100px; height: 200px; background-color: rgba(0,0,255,0.1);'>Max-height 100%</div></div><h6 class='mt-5'>view point height </h6> <div class='min-vw-100'>Min-width 100vw</div><div class='min-vh-100'>Min-height 100vh</div><div class='vw-100'>Width 100vw</div><div class='vh-100'>Height 100vh</div></div>
