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%, na 100%hi 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% .

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

Ku leha 25% .

Ku leha 50% .

Ku leha 75% .

Ku leha 100% .

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

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

<img class="mw-100" src="..." 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>