in English
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.
Cov chav kawm
Toggle lub ntab nrog chav kawm:
Float sab laug ntawm txhua qhov loj ntawm qhov chaw saib
Float txoj cai ntawm txhua qhov loj ntawm qhov chaw saib
Tsis txhob ntab ntawm txhua qhov chaw saib qhov loj me
<div class="float-left">Float left on all viewport sizes</div><br>
<div class="float-right">Float right on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>
Mixins
Los yog los ntawm Sass mixin:
.element {
@include float-left;
}
.another-element {
@include float-right;
}
.one-more {
@include float-none;
}
Teb
Teb variations kuj muaj nyob rau txhua float
tus nqi.
ntab sab laug ntawm qhov chaw saib qhov loj me SM (me) lossis dav dua
ntab sab laug ntawm qhov chaw saib qhov loj MD (nruab nrab) lossis dav dua
ntab sab laug ntawm qhov chaw saib qhov loj LG (loj) lossis dav dua
ntab sab laug ntawm qhov chaw saib qhov loj XL (ntxiv-loj) lossis dav dua
<div class="float-sm-left">Float left on viewports sized SM (small) or wider</div><br>
<div class="float-md-left">Float left on viewports sized MD (medium) or wider</div><br>
<div class="float-lg-left">Float left on viewports sized LG (large) or wider</div><br>
<div class="float-xl-left">Float left on viewports sized XL (extra-large) or wider</div><br>
Ntawm no yog tag nrho cov kev txhawb nqa;
.float-left
.float-right
.float-none
.float-sm-left
.float-sm-right
.float-sm-none
.float-md-left
.float-md-right
.float-md-none
.float-lg-left
.float-lg-right
.float-lg-none
.float-xl-left
.float-xl-right
.float-xl-none