Tlolela ho litaba tsa mantlha Tlolela ho li-docs navigation
in English

Phallana

Fetolela ho phaphamala holim'a ntho efe kapa efe, ho pholletsa le sebaka sefe kapa sefe, u sebelisa lisebelisoa tsa rona tse arabelang.

Kakaretso

Lihlopha tsena tsa lisebelisoa li phaphametse ntho e ka letsohong le letšehali kapa ka ho le letona, kapa e tima ho phaphamala, ho ipapisitsoe le boholo ba sebaka sa ho shebella ha joale u sebelisa thepa ea CSSfloat . !importante kenyelelitsoe ho qoba litaba tse khethehileng. Tsena li sebelisa likheo tsa pono tse tšoanang le sistimi ea rona ea grid. Ka kopo hlokomela hore lisebelisoa tsa float ha li na phello linthong tse feto-fetohang.

Qala ka ho phaphamala ka boholo bohle ba lipoho tsa pono

Qetello ea ho phaphamala ka boholo bohle ba lipoho tsa pono

Se ke oa phaphamala ka boholo ba lipoho tsa pono
<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>

Ea arabelang

Liphetoho tse arabelang li boetse li teng bakeng sa floatboleng bo bong le bo bong.

Qala ka ho qala liema-ports tsa boholo ba SM (tse nyane) kapa ho feta

Qala ka ho phaphamala ho MD (bohareng) kapa ho feta moo

Qala ka ho qala liema-ports tsa boholo ba LG (tse kholo) kapa ho feta

Qala ka ho phaphamala ho liema-ports tsa boholo ba XL (tse kholo haholo) kapa ho feta

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

Mona ke lihlopha tsohle tsa tšehetso:

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

Utilities API

Lisebelisoa tsa Float li phatlalatsoa lits'ebetsong tsa rona tsa API ho scss/_utilities.scss. Ithute ho sebelisa lisebelisoa tsa API.

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