Z- كۆرسەتكۈچ

بىر قانچە Bootstrap زاپچاسلىرى ئىشلىتىلىدۇ z-index، مەزمۇننى ئورۇنلاشتۇرۇش ئۈچۈن ئۈچىنچى ئوق بىلەن تەمىنلەش ئارقىلىق ئورۇنلاشتۇرۇشنى كونترول قىلىشقا ياردەم بېرىدىغان CSS خاسلىقى. بىز Bootstrap دا سۈكۈتتىكى z- كۆرسەتكۈچ كۆلىمىنى ئىشلىتىمىز ، ئۇ مۇۋاپىق قاتلاملىق يول باشلاش ، قورال كۆرسەتكۈچى ۋە پوپايكا ، مودېل قاتارلىقلار.

بۇ يۇقىرى قىممەتلەر كۆڭۈلدىكىدەك ساندىن باشلىنىدۇ ، يۇقىرى ۋە كونكرېت بولۇپ ، توقۇنۇشتىن ساقلىنالايدۇ. بىز بۇ قاتلاملىق زاپچاسلار ، يەنى قورال كۆرسەتكۈچى ، پوپايكا ، دېڭىز ياقىسى ، تامچە ، مودېللار قاتارلىقلارغا ئۆلچەملىك بىر يۈرۈش ئېھتىياجلىق بولىمىز ، شۇڭا بىز ھەرىكەتتە مۇۋاپىق بىردەك بولالايمىز. 100بىز + ياكى + نى ئىشلىتەلمەيدىغان ھېچقانداق سەۋەب يوق 500.

بىز بۇ يەككە قىممەتلەرنى خاسلاشتۇرۇشقا ئىلھاملانمايمىز. بىرنى ئۆزگەرتسىڭىز ، ئۇلارنىڭ ھەممىسىنى ئۆزگەرتىشىڭىز مۇمكىن.

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

زاپچاسلار ئىچىدىكى قاپلانغان چېگرانى بىر تەرەپ قىلىش ئۈچۈن (مەسىلەن ، كىرگۈزۈش گۇرۇپپىسىدىكى كۇنۇپكىلار ۋە كىرگۈزۈشلەر) ، بىز تۆۋەن ، تاق ۋە ئاكتىپ ھالەتتىكى تۆۋەن يەككە خانىلىق قىممەتنى ئىشلىتىمىز z-index. Hover / فوكۇس / ئاكتىپ ھالەتتە ، بىز مەلۇم بىر ئېلېمېنتنى تېخىمۇ يۇقىرى قىممەت بىلەن ئالدىنقى ئورۇنغا ئېلىپ ، ئۇلارنىڭ قېرىنداش ئېلېمېنتلار ئۈستىدىكى چېگرىسىنى كۆرسىتىمىز.123z-index