آموزش بوت استرپ
راهنمای جامع و آموزش گام به گام طراحی قالب وبسایت با bootstrap

 ابزار عرض و ارتفاع از $ Sass map در _variables.scss تولید می شود. شامل پشتیبانی از 25٪، 50٪، 75٪ و 100٪ به طور پیش فرض است. اصلاح آن مقادیر به عنوان شما نیاز به تولید خدمات مختلف در اینجا کمک می کند.

Width 25%
Width 50%
Width 75%
Width 100%

 

 <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 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>

 

 
شما همچنین می توانید حداکثر عرض را استفاده کنید: 100٪؛ و حداکثر ارتفاع: 100٪؛که مورد نیاز شما است.
 <img class="mw-100" src="..." alt="Max-width 100%">

 

 
 <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>