U gudub nuxurka muhiimka ah U gudub dukumentiyada navigation
Check
in English

Sabayn

Ku beddel sabbaynaya walxo kasta, meel kasta oo jaban, addoo isticmaalaya yutiilitooyinka sabaynta ee ka jawaabaya.

Dulmar

Fasaladan tasiilaadka waxa ay ku sabbeeyaan qayb bidix ama midig ah, ama demi sabaynta, iyada oo ku saleysan cabbirka daawashada ee hadda la isticmaalayo hantida CSSfloat . !importantwaxaa lagu daraa si looga fogaado arrimaha gaarka ah. Kuwaani waxay adeegsadaan isla goobihii goynta ee nidaamkayaga xariijimaha. Fadlan ka digtoonow in tas-hiilaadka sabbaynaya aanay wax saamayn ah ku yeelan alaabta dabacsan.

Sabbeyntu waxay ku bilaabataa dhammaan cabbirrada daawashada

Ku dhammaada dhammaan cabbirrada daawashada

Ha ku sabbayn dhammaan cabbirrada daawashada
html
<div class="float-start">Float start on all viewport sizes</div><br>
<div class="float-end">Float end on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>

Ka jawaaba

Kala duwanaansho jawaab celin ah ayaa sidoo kale jira floatqiimo kasta.

Sabbeyntu waxay ku bilaabataa daawashada cabbirka SM (yar) ama ka ballaaran

Sabbeyntu waxay ku bilaabataa daawashada cabbirka MD (dhexdhexaad) ama ka ballaaran

Sabbeyntu waxay ku bilaabataa daawashada cabbirka LG (weyn) ama ka ballaaran

Sabbeyntu waxay ku bilaabataa daawashada cabbirka XL (ka weyn) ama ka ballaaran

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

Waa kuwan dhammaan fasallada taageerada:

  • .float-start
  • .float-end
  • .float-none
  • .float-sm-start
  • .float-sm-end
  • .float-sm-none
  • .float-md-start
  • .float-md-end
  • .float-md-none
  • .float-lg-start
  • .float-lg-end
  • .float-lg-none
  • .float-xl-start
  • .float-xl-end
  • .float-xl-none
  • .float-xxl-start
  • .float-xxl-end
  • .float-xxl-none

Sass

Utilities API

Utility-yada sabbaynaya waxa lagu caddeeyey adeegyadayada API gudaha scss/_utilities.scss. Baro sida loo isticmaalo API utilities.

    "float": (
      responsive: true,
      property: float,
      values: (
        start: left,
        end: right,
        none: none,
      )
    ),