Tlolela go diteng tše kgolo Tlolela go docs navigation
Check
in English

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.

Letlakaleng le

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.

Go thoma go phaphamala godimo ga bogolo ka moka bja lefelo la go lebelela

Mafelelo a go phaphamala 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
html
<div class="float-start">Float start on all viewport sizes</div><br>
<div class="float-end">Float end on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>

Go arabela

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

Float qala ka viewports sized SM (nyenyane) kapa bophara

Float qala ka viewports boholo ba MD (bohareng) kapa ka bophara

Float qala ka viewports sized LG (kgolo) kapa ka bophara

Phaphamadi thoma go dipono tša go lebelela tša bogolo bja XL (tše kgolo kudu) goba go feta

html
<div class="float-sm-start">Float start on viewports sized SM (small) or wider</div><br>
<div class="float-md-start">Float start on viewports sized MD (medium) or wider</div><br>
<div class="float-lg-start">Float start on viewports sized LG (large) or wider</div><br>
<div class="float-xl-start">Float start on viewports sized XL (extra-large) or wider</div><br>

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

  • .float-start
  • .float-end
  • .float-none
  • .float-sm-start
  • .float-sm-end
  • .float-sm-none
  • .float-md-start
  • .float-md-end
  • .float-md-none
  • .float-lg-start
  • .float-lg-end
  • .float-lg-none
  • .float-xl-start
  • .float-xl-end
  • .float-xl-none
  • .float-xxl-start
  • .float-xxl-end
  • .float-xxl-none

Sass

API ya Didirišwa

Didirišwa tša go phaphamala di tsebagaditšwe ka go API ya rena ya didirišwa ka scss/_utilities.scss. Ithute kamoo o ka dirišago API ya didirišwa.

    "float": (
      responsive: true,
      property: float,
      values: (
        start: left,
        end: right,
        none: none,
      )
    ),