האָפּקען צו הויפּט אינהאַלט האָפּקען צו דאָקס נאַוויגאַציע
in English

פלאָוט

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

איבערבליק

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

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

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

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

אָפּרופיק

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

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

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

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

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

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

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

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

סאַס

Utilities API

פלאָוט יוטילאַטיז זענען דערקלערט אין אונדזער יוטילאַטיז אַפּי אין scss/_utilities.scss. לערנען ווי צו נוצן די Utilities API.

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