in English
Avbazîn
Li ser her hêmanekê, li ser her xala veqetînê, bi karanîna karûbarên meya float-a bersivdar ve float bişoxilînin.
Têgihiştinî
Van çînên karûbar li ser bingeha mezinahiya dîmendera heyî bi karanîna taybetmendiya CSS-float
ê hêmanek çepê an rastê diherikînin, an levkirinê neçalak dikin . !important
tê de ye ku ji pirsgirêkên taybetî dûr nekevin. Van heman xalên şikestinê yên wekî pergala meya torê bikar tînin. Ji kerema xwe hay jê hebin ku karûbarên float bandorek li ser hêmanên flex nakin.
Classes
Bi çînekê re float biguherînin:
Li ser hemî mezinahiyên dîmenderê hiştibin
Li ser hemî mezinahiyên dîmendera rast bifirin
Li ser hemî mezinahiyên dîmenderê neherikin
<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
An jî ji hêla Sass mixin ve:
.element {
@include float-left;
}
.another-element {
@include float-right;
}
.one-more {
@include float-none;
}
Pêrakirin
Guhertoyên bersivdar jî ji bo her float
nirxê hene.
Li ser dîmenderên bi mezinahiya SM (biçûk) an firehtir bihêlin
Li ser dîmenderên bi mezinahiya MD (navîn) an firehtir bihêlin
Li ser dîmenderên bi mezinahiya LG (mezin) an firehtir bihêlin
Li ser dîmenderên mezinahiya XL (zêde-mezin) an firehtir bihêlin
<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>
Li vir hemî dersên piştgirî hene;
.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