ז-אינדעקס

עטלעכע באָאָטסטראַפּ קאַמפּאָונאַנץ נוצן z-index, די CSS פאַרמאָג וואָס העלפּס קאָנטראָל אויסלייג דורך צושטעלן אַ דריט אַקס צו צולייגן אינהאַלט. מיר נוצן אַ פעליקייַט ז-אינדעקס וואָג אין Bootstrap וואָס איז דיזיינד צו רעכט שיכטע נאַוויגאַציע, טאָאָלטיפּס און פּאָפּאָווערס, מאָדאַלז און מער.

די העכער וואַלועס אָנהייבן מיט אַ אַרביטראַריש נומער, הויך און ספּעציפיש גענוג צו יידילי ויסמיידן קאָנפליקט. מיר דאַרפֿן אַ נאָרמאַל גאַנג פון די אין אונדזער לייערד קאַמפּאָונאַנץ - מכשירים, פּאָפּאָווערס, נאַוובאַרס, דראָפּדאָוונס, מאָדאַלז - אַזוי מיר קענען זיין ריזאַנאַבלי קאָנסיסטענט אין די ביכייוויערז. עס איז קיין סיבה מיר קען נישט האָבן געוויינט 100+ אָדער 500+.

מיר טאָן ניט מוטיקן קוסטאָמיזאַטיאָן פון די יחיד וואַלועס; אויב איר טוישן איינער, איר מיסטאָמע דאַרפֿן צו טוישן זיי אַלע.

$zindex-dropdown:                   1000;
$zindex-sticky:                     1020;
$zindex-fixed:                      1030;
$zindex-offcanvas-backdrop:         1040;
$zindex-offcanvas:                  1045;
$zindex-modal-backdrop:             1050;
$zindex-modal:                      1055;
$zindex-popover:                    1070;
$zindex-tooltip:                    1080;
$zindex-toast:                      1090;

צו שעפּן אָוווערלאַפּינג געמארקן ין קאַמפּאָונאַנץ (למשל, קנעפּלעך און ינפּוץ אין אַרייַנשרייַב גרופּעס), מיר נוצן נידעריק איין ציפֿער z-indexוואַלועס פון 1, 2, און 3פֿאַר פעליקייַט, האָווער, און אַקטיוו שטאַטן. אויף האָווער / פאָקוס / אַקטיוו, מיר ברענגען אַ באַזונדער עלעמענט צו די פאָרפראַנט מיט אַ העכער z-indexווערט צו ווייַזן זייער גרענעץ איבער די סיבלינג עלעמענטן.