in English
mitsingevana
Mihodina 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.
fianarana
Safidio ny mitsingevana miaraka amin'ny kilasy:
Mitsinkafona ankavia amin'ny haben'ny seranan-tsambo rehetra
Mitsinkafona tsara amin'ny haben'ny seranan-tsambo rehetra
Aza mitsingevana amin'ny haben'ny seranan-tsambo rehetra
<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
Na avy amin'i Sass mixin:
.element {
@include float-left;
}
.another-element {
@include float-right;
}
.one-more {
@include float-none;
}
manaiky
Misy fiovana mamaly ihany koa ho an'ny float
sanda tsirairay.
Mitsinkafona ankavia amin'ny seranan-tsambo mirefy SM (kely) na midadasika kokoa
Mitsinkafona ankavia amin'ny seranan-tsambo mirefy MD (midina) na midadasika kokoa
Mitsinkafona ankavia amin'ny seranan-tsambo mirefy LG (lehibe) na midadasika kokoa
Mitsinkafona tavela amin'ny seranan-tsambo mirefy XL (lehibe kokoa) na lehibe kokoa
<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>
Ireto ny kilasy fanohanana rehetra;
.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