in English
noton
Ndryshoni notat në çdo element, në çdo pikë ndërprerjeje, duke përdorur shërbimet tona reaguese të float.
Në këtë faqe
Vështrim i përgjithshëm
Këto klasa të shërbimeve lëvizin një element majtas ose djathtas, ose çaktivizojnë floating, bazuar në madhësinë aktuale të portës së pamjes duke përdorur veçorinë CSSfloat
. !important
përfshihet për të shmangur çështjet specifike. Këto përdorin të njëjtat pika ndërprerjeje si sistemi ynë i rrjetit. Ju lutemi, kini parasysh që shërbimet float nuk kanë efekt në artikujt flex.
Float start në të gjitha madhësitë e portave të pamjes
Fundi notues në të gjitha madhësitë e portave të pamjes
Mos lundroni në të gjitha madhësitë e portave të shikimit
<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>
Të përgjegjshme
Ekzistojnë gjithashtu variacione të përgjegjshme për secilën float
vlerë.
Fillimi i notimit në portat e shikimit me madhësi SM (të vogla) ose më të gjera
Fillimi i notimit në portat e shikimit me madhësi MD (mesatare) ose më të gjerë
Float start në portat e shikimit me madhësi LG (i madh) ose më i gjerë
Fillimi i notimit në portat e pamjes me madhësi XL (ekstra i madh) ose më i gjerë
<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>
Këtu janë të gjitha klasat e mbështetjes:
.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
Shërbimet float janë deklaruar në API të shërbimeve tona në scss/_utilities.scss
. Mësoni se si të përdorni API të shërbimeve.
"float": (
responsive: true,
property: float,
values: (
start: left,
end: right,
none: none,
)
),