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 . !importanttê 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 ti bandorek li ser hêmanên flex nakin.

Classes

Bi çînekê re float biguherînin:

<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 floatnirxê hene.

<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