noton
Ndryshoni notat në çdo element, në çdo pikë ndërprerjeje, duke përdorur shërbimet tona reaguese të float.
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 . !importantpë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ë ndikim në artikujt flex.
Ndryshoni një notim me një klasë:
Fluturoni majtas në të gjitha madhësitë e portave të shikimit
Fluturoni drejt në të gjitha madhësitë e portave të shikimit
Mos lundroni në të gjitha madhësitë e portave të shikimit
<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>Ose nga Sass mixin:
.element {
@include float-left;
}
.another-element {
@include float-right;
}
.one-more {
@include float-none;
}Ekzistojnë gjithashtu variacione të përgjegjshme për secilën floatvlerë.
Fluturoni majtas në portat e shikimit me madhësi SM (të vogla) ose më të gjera
Fluturoni majtas në portat e shikimit me madhësi MD (mesatare) ose më të gjerë
Fluturoni majtas në portat e shikimit me madhësi LG (i madh) ose më i gjerë
Lëshoni majtas në portat e pamjes me madhësi XL (ekstra të mëdha) ose më të gjera
<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>Këtu janë të gjitha klasat mbështetëse;
.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