ntab
Toggle floats ntawm txhua lub ntsiab lus, hla txhua qhov chaw tawg, siv peb cov khoom siv float teb.
Txheej txheem cej luam
Cov chav kawm siv hluav taws xob no ntab ib qho khoom mus rau sab laug lossis sab xis, lossis lov tes taw ntab, raws li qhov loj ntawm qhov chaw saib tam sim no siv CSS float
cov cuab yeej . !important
suav nrog kom tsis txhob muaj teeb meem tshwj xeeb. Cov no siv tib qhov chaw saib qhov chaw nres nkoj raws li peb cov kab sib chaws. Thov nco ntsoov tias float utilities tsis cuam tshuam rau cov khoom flex.
<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>
Teb
Teb variations kuj muaj nyob rau txhua float
tus nqi.
<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>
Nov yog tag nrho cov chav kawm txhawb nqa:
.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
Float utilities tau tshaj tawm hauv peb cov khoom siv hluav taws xob API hauv scss/_utilities.scss
. Kawm paub siv cov khoom siv hluav taws xob API li cas.
"float": (
responsive: true,
property: float,
values: (
start: left,
end: right,
none: none,
)
),