mitsingevana
Toggle mitsingevana amin'ny singa rehetra, amin'ny toerana tapaka rehetra, amin'ny fampiasana ny fampiasantsika mitsingevana.
Overview
Ireo kilasy fampiasa ireo dia mitsinkafona singa iray miankavia na miankavanana, na manafoana ny mitsingevana, mifototra amin'ny haben'ny seranan-tsambo ankehitriny mampiasa ny fananana CSSfloat
. !important
dia tafiditra ao mba hisorohana ny olana manokana. Ireo dia mampiasa ireo teboka fiatoana fijery mitovy amin'ny rafitra grid-tsika. Azafady, tandremo fa tsy misy fiantraikany amin'ny zavatra flex ny fitaovana float.
<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>
manaiky
Misy fiovana mamaly ihany koa ho an'ny float
sanda tsirairay.
<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>
Ireto ny kilasy fanohanana rehetra:
.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
Ny kojakoja mitsingevana dia nambara ao amin'ny API fampiasantsika amin'ny scss/_utilities.scss
. Ianaro ny fomba fampiasana ny utility API.
"float": (
responsive: true,
property: float,
values: (
start: left,
end: right,
none: none,
)
),