Phallana

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.

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

<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 ho lits'ebeletso 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,
      )
    ),