Filotɛri

Toggle floats kan element o element, ka tɛmɛn breakpoint o breakpoint kan, ka baara kɛ ni an ka responsive float utilities ye.

Nin ɲɛ in kan

Kuma bɛɛ lajɛlen

O nafalanw bɛ fɛn dɔ wuli ka taa kinin fɛ walima kinin fɛ, walima ka wulicogo bali, ka da sisan filɛlikɛyɔrɔ hakɛ kan ni CSS floatnafolo ye . !importantbɛ don a kɔnɔ walasa ka kɛrɛnkɛrɛnnenya koɲɛw bali. Olu bɛ baara Kɛ ni viewport breakpoints kelenw ye i n’a fɔ an ka grid system. Aw ye aw janto a la ko flot utilités tɛ nɔ bila flex fɛnw na.

Float daminɛ ye viewport hakɛw bɛɛ kan

Float end kan viewport hakɛw bɛɛ kan

Aw kana panpan viewport hakɛw bɛɛ kan

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

Jaabiw

Jaabi caman fana bɛ yen floatnafa kelen-kelen bɛɛ la.

Float daminɛna viewports kan minnu bonya ye SM (misɛnnin) ye walima minnu ka bon

Float bɛ daminɛ viewports kan minnu bonya ye MD (medium) ye walima minnu ka bon

Float bɛ daminɛ viewports kan minnu bonya ye LG (ba) ye walima minnu ka bon

Float bɛ daminɛ viewports kan minnu bonya ye XL (extra-large) ye walima minnu ka bon

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

Dɛmɛ kalanw bɛɛ filɛ nin ye:

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

Nafamafɛnw API

Float utilities bɛ fɔ an ka utilities API kɔnɔ san scss/_utilities.scss. Aw ye baara kɛcogo dɔn ni utilities API ye.

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