Nɔ tsi dzi

Toggle floats le element ɖesiaɖe dzi, le breakpoint ɖesiaɖe dzi, to míaƒe float utilities siwo ɖoa nya ŋu la zazã me.

Le axa sia dzi

Kpɔɖeŋunyagbɔgblɔ

Dɔwɔnu ƒe hatsotso siawo tsɔa nu aɖe ƒua gbe ɖe miame alo ɖusime, alo tsia tsia dzi, le nukpɔkpɔ ƒe lolome si li fifia nu to CSS floatƒe nɔnɔme zazã me . !importantwotsɔ de eme be woaƒo asa na nya siwo ku ɖe nya aɖewo koŋ ŋu. Esiawo zãa viewport breakpoints mawo ke abe míaƒe grid system ene. Taflatse nyae be float utilities mekpɔa ŋusẽ aɖeke ɖe flex nuawo dzi o.

Float dze egɔme le viewport ƒe lolomewo katã dzi

Float end le viewport ƒe lolomewo katã dzi

Mègaƒu tsi le nukpɔkpɔ ƒe lolomewo katã dzi o

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

Nyaŋuɖoɖo

Vovototo siwo ɖoa nya ŋu hã li na floatasixɔxɔ ɖesiaɖe.

Float dze egɔme le nukpɔkpɔ ƒe lolome SM (sue) alo keke wu dzi

Float dze egɔme le nukpɔkpɔƒe siwo ƒe lolome nye MD (medium) alo esi keke wu la dzi

Float dze egɔme le viewports ƒe lolome LG (lolo) alo keke wu

Float dze egɔme le nukpɔkpɔƒe siwo ƒe lolome nye XL (lolo wu) alo esiwo keke wu dzi

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

Kpekpeɖeŋunana ƒe klassawo katãe nye esi:

.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 ƒe nyawo

Dɔwɔnuwo ƒe API

Woɖe gbeƒã float utilities le míaƒe utilities API me le scss/_utilities.scss. Srɔ̃ alesi nàzã utilities API lae.

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