in English
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 float
nafolo ye . !important
bɛ 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 float
nafa 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,
)
),