Source

פלאָוט

באַשטימען פלאָוץ אויף קיין עלעמענט, אַריבער קיין ברייקפּאָינט, ניצן אונדזער אָפּרופיק פלאָוט יוטילאַטיז.

איבערבליק

די נוצן קלאסן לאָזנ שווימען אַן עלעמענט צו די לינקס אָדער רעכט, אָדער דיסייבאַל פלאָוטינג, באזירט אויף די קראַנט וויופּאָרט גרייס ניצן די CSS floatפאַרמאָג . !importantאיז אַרייַנגערעכנט צו ויסמיידן ספּעסיפיקאַטי ישוז. די נוצן די זעלבע וויופּאָרט ברעאַקפּאָינץ ווי אונדזער גריד סיסטעם.

קלאסן

באַשטימען אַ פלאָוט מיט אַ קלאַס:

פלאָוט לינקס אויף אַלע וויופּאָרט סיזעס

פלאָוט רעכט אויף אַלע וויופּאָרט סיזעס

דו זאלסט נישט לאָזנ שווימען אויף אַלע וויופּאָרט סיזעס
<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>

מיקסינס

אָדער דורך Sass mixin:

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

אָפּרופיק

אָפּרופיק ווערייישאַנז אויך עקסיסטירן פֿאַר יעדער floatווערט.

פלאָוט לינקס אויף וויופּאָרט סייזד SM (קליין) אָדער ברייט

פלאָוט לינקס אויף וויופּאָרט סייזד מד (מיטל) אָדער ברייט

פלאָוט לינקס אויף וויופּאָרט סייזד LG (גרויס) אָדער ברייט

פלאָוט לינקס אויף וויופּאָרט סייזד קסל (עקסטרע גרויס) אָדער ברייט

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

דאָ זענען אַלע די שטיצן קלאסן;

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