in English
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 . !important
dhimmoota 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.
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 float
gatiitiif ni jira.
Buufatawwan ilaalchaa safara SM (xiqqaa) ykn bal'aa qaban irratti bitaa yaa'i
Buufatawwan ilaalchaa safara MD (giddugaleessa) ykn bal'aa qaban irratti bitaa yaa'i
Viewports guddina LG (guddaa) ykn bal'aa ta'e irratti gara 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