Bololi'uu

Toggle floats elementii kamiyyuu irratti, qaxxaamuraa breakpoint kamiyyuu, faayidaalee float deebii kennan fayyadamuun.

Fuula kana irratti

Haala Waliigalaa

Gitoota faayidaa kun elementii gara bitaa ykn mirgaatti yaa'u, ykn lola'uu hanqisu, hammangaa buufata ilaalchaa ammaa irratti hundaa'uun qabeentaa CSSfloat fayyadamuun . !importantdhimmoota adda ta’uu akka hin uumamneef hammatameera. Isaan kun qabxiilee cabsuu ilaalchaa sirna giiridii keenyaa wajjin walfakkaatu fayyadamu. Maaloo hubadhaa float utilities wantoota flex irratti dhiibbaa hin qaban.

Hammangaawwan buufata ilaalchaa hunda irratti jalqaba yaa'i

Xumura yaa'aa hammangaawwan buufata ilaalchaa hunda irratti

Hammangaawwan buufata ilaalchaa hunda irratti hin yaa'in

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>

Deebii kan kennu

Jijjiiramni deebii kennuunis tokkoon tokkoo floatgatiitiif ni jira.

Jalqaba yaa'aa buufatawwan ilaalchaa safara SM (xiqqaa) ykn bal'aa qaban irratti

Jalqaba yaa'aa buufatawwan ilaalchaa safara MD (giddu galeessa) ykn bal'aa qaban irratti

Float starts viewports guddina LG (guddaa) ykn bal'aa irratti

Jalqaba yaa'aa buufatawwan ilaalchaa guddina XL (dabalataa-guddaa) ykn bal'aa qaban irratti

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>

Kutaawwan deeggarsa hundi kunooti:

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

API faayidaa

Faayidaaleen lola'oo API faayidaa keenya keessatti labsamu bara scss/_utilities.scss. Akkaataa API faayilii itti fayyadamtu baradhu.

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