Source

Ku pima mpimo

Hi ku olova endla elemente yi anama kumbe yi leha ku fana na yona (loko yi pimanisiwa na mutswari wa yona) hi switirhisiwa swa hina swa ku anama na ku leha.

Switirhisiwa swa ku anama na ku tlakuka swi endliwa ku suka eka $sizesmepe wa Sass hi _variables.scss. Ku katsa na nseketelo wa 25%, 50%, 75%, 100%, na autohi ku tiyimisela. Cinca mimpimo yoleyo tani hi leswi u lavaka ku tumbuluxa switirhisiwa swo hambana laha.

Ku anama 25% .

Ku anama 50% .

Ku anama 75% .

Ku anama 100% .

Ku anama ka auto

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

Ku leha 25% .

Ku leha 50% .

Ku leha 75% .

Ku leha 100% .

Ku leha ka 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>

U nga ha tlhela u tirhisa max-width: 100%;na max-height: 100%;switirhisiwa loko swi laveka.

<img class="mw-100" src=".../1000px100?text=Max-width%20%3D%20100%25" alt="Max-width 100%">

Max-ku leha 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>