Source

Phaphama

Toggle diphaphamadi godimo ga elemente efe goba efe, go putla breakpoint efe goba efe, o šomiša didirišwa tša rena tša go phaphamala tše di arabelago.

Kakaretšo

Diklase tše tša mohola di phaphamala elemente go ya ka go le letshadi goba ka go le letona, goba di šitiša go phaphamala, go ya ka bogolo bja bjale bja lefelo la go lebelela ka go šomiša thepa ya CSSfloat . !importante akaretšwa go efoga ditaba tša go kgethegile. Tše di šomiša dintlha tša go kgaotša tša pono ya go swana le ya tshepedišo ya rena ya keriti. Hle ela hloko gore didirišwa tša go phaphamala ga di na mafelelo go dilo tše di kobegilego.

Diklase

Toggle a phaphametseng le sehlopha:

Phaphamala ka go le letshadi godimo ga bogolo ka moka bja lefelo la go lebelela

Phaphamala ka go le letona godimo ga bogolo ka moka bja lefelo la go lebelela

O se ke wa phaphamala godimo ga bogolo ka moka bja lefelo la go lebelela 
<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>

Ditswaki

Goba ka Sass mixin:

.element {
  @include float-left;
}
.another-element {
  @include float-right;
}
.one-more {
  @include float-none;
}

Go arabela

Diphapano tša go arabela le tšona di gona bakeng sa floatboleng bjo bongwe le bjo bongwe.

Phaphamala ka go le letshadi go dipono tša go lebelela tša bogolo bja SM (tše nnyane) goba go feta

Phaphamala ka go le letshadi go dipono tša go lebelela tša bogolo bja MD (bogare) goba go feta

Phaphamala ka go le letshadi go di-viewport tša bogolo bja LG (tše kgolo) goba go feta moo

Phaphamala ka go le letshadi go dipono tša go lebelela tša bogolo bja XL (tše kgolo kudu) goba go feta 

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

Diklase ka moka tša thekgo ke tše;

  • .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