Source

Kuyandama

Sinthani zoyandama pachinthu chilichonse, kudutsa malo aliwonse, pogwiritsa ntchito zida zathu zoyankhidwa.

Mwachidule

Maphunziro ofunikirawa amayandama chinthu kumanzere kapena kumanja, kapena kuletsa zoyandama, kutengera kukula kwa malo owonera pogwiritsa ntchito CSS floatkatundu . !importantimaphatikizidwa kuti tipewe zovuta zenizeni. Izi zimagwiritsa ntchito mawonekedwe omwewo monga ma grid system yathu.

Maphunziro

Sinthani choyandama ndi kalasi:

Yandani kumanzere pamiyeso yonse yowonera

Yandani pamiyeso yonse yowonera

Osayandama pamiyeso yonse yowonera
<div class="float-left">Float left on all viewport sizes</div><br>
<div class="float-right">Float right on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>

Zosakaniza

Kapena ndi Sass mixin:

.element {
  @include float-left;
}
.another-element {
  @include float-right;
}
.one-more {
  @include float-none;
}

Womvera

Kusiyanasiyana koyankhira kulinso floatpamtengo uliwonse.

Yandani kumanzere pa malo owonera kakulidwe ka SM (yaing'ono) kapena kupitilira apo

Yandani kumanzere pamawonekedwe a MD (yapakati) kapena kupitilira apo

Yandani kumanzere pamawonekedwe a LG (yayikulu) kapena kupitilira apo

Yandani kumanzere pamawonekedwe a XL (yachikulu kwambiri) kapena kukulirapo

<div class="float-sm-left">Float left on viewports sized SM (small) or wider</div><br>
<div class="float-md-left">Float left on viewports sized MD (medium) or wider</div><br>
<div class="float-lg-left">Float left on viewports sized LG (large) or wider</div><br>
<div class="float-xl-left">Float left on viewports sized XL (extra-large) or wider</div><br>

Nawa makalasi onse othandizira;

  • .float-left
  • .float-right
  • .float-none
  • .float-sm-left
  • .float-sm-right
  • .float-sm-none
  • .float-md-left
  • .float-md-right
  • .float-md-none
  • .float-lg-left
  • .float-lg-right
  • .float-lg-none
  • .float-xl-left
  • .float-xl-right
  • .float-xl-none