Phallana
Fetolela ho phaphamala holim'a ntho efe kapa efe, ho pholletsa le sebaka sefe kapa sefe, u sebelisa lisebelisoa tsa rona tse arabelang.
Kakaretso
Lihlopha tsena tsa lisebelisoa li phaphametse ntho e ka letsohong le letšehali kapa ka ho le letona, kapa e tima ho phaphamala, ho ipapisitsoe le boholo ba sebaka sa ho shebella ha joale u sebelisa thepa ea CSSfloat
. !important
e kenyelelitsoe ho qoba litaba tse khethehileng. Tsena li sebelisa likheo tsa pono tse tšoanang le sistimi ea rona ea grid. Ka kopo hlokomela hore lisebelisoa tsa float ha li na phello linthong tse feto-fetohang.
<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>
Ea arabelang
Liphetoho tse arabelang li boetse li teng bakeng sa float
boleng bo bong le bo bong.
<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>
Mona ke lihlopha tsohle tsa tšehetso:
.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
Lisebelisoa tsa Float li phatlalatsoa lits'ebetsong tsa rona tsa API ho scss/_utilities.scss
. Ithute ho sebelisa lisebelisoa tsa API.
"float": (
responsive: true,
property: float,
values: (
start: left,
end: right,
none: none,
)
),