Source

Bololi'uu

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

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.

Daree barnootaa

Float tokko gita waliin jijjiiri:

Hammangaawwan buufata ilaalchaa hunda irratti bitaa yaa'i

Hammangaawwan buufata ilaalchaa hunda irratti mirga yaa'i

Hammangaawwan buufata ilaalchaa hunda irratti hin yaa'iin
<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>

Mixins jedhaman

Yookaan Sass mixin tiin:

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

Deebii kan kennu

Jijjiiramni deebii kennuunis tokkoon tokkoo floatgatiitiif ni jira.

Buufatawwan ilaalchaa safara SM (xiqqaa) ykn bal'aa qaban irratti bitaa yaa'i

Buufatawwan ilaalchaa safara MD (giddu galeessa) ykn bal'aa qaban irratti bitaa yaa'i

Viewports guddina LG (guddaa) ykn bal'aa ta'e irratti bitaatti yaa'i

Buufatawwan ilaalchaa hammangaa XL (dabalataa-guddaa) ykn bal'aa ta'an irratti bitaa yaa'i

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

Kutaawwan deeggarsaa hundi kunooti;

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