Source

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:

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