Z-indeksi

Megjithëse nuk janë pjesë e sistemit të rrjetit të Bootstrap, indekset z luajnë një rol të rëndësishëm në mënyrën se si komponentët tanë mbivendosen dhe ndërveprojnë me njëri-tjetrin.

Disa komponentë Bootstrap përdorin z-index, vetinë CSS që ndihmon në kontrollin e paraqitjes duke ofruar një bosht të tretë për të rregulluar përmbajtjen. Ne përdorim një shkallë të parazgjedhur të indeksit z në Bootstrap që është krijuar për të shtruar siç duhet navigimin, këshillat e veglave dhe popovers, modalet dhe më shumë.

Këto vlera më të larta fillojnë me një numër arbitrar, mjaftueshëm të lartë dhe specifik për të shmangur në mënyrë ideale konfliktet. Ne kemi nevojë për një grup standard të këtyre në komponentët tanë të shtresuar - këshilla të veglave, popover, shirita navigimi, zbritje, modale - në mënyrë që të mund të jemi mjaft të qëndrueshëm në sjelljet. Nuk ka asnjë arsye që nuk mund të kishim përdorur 100+ ose 500+.

Ne nuk inkurajojmë personalizimin e këtyre vlerave individuale; nëse ndryshoni një, ka të ngjarë t'ju duhet t'i ndryshoni të gjitha.

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

z-indexPër të trajtuar kufijtë e mbivendosur brenda komponentëve (p.sh. butonat dhe hyrjet në grupet hyrëse), ne përdorim vlera të ulëta njëshifrore të 1, 2, dhe 3për gjendjet e paracaktuar, hover dhe aktive. Kur rri pezull/fokus/aktiv, ne sjellim në plan të parë një element të veçantë me një z-indexvlerë më të lartë për të treguar kufirin e tyre mbi elementët e vëllezërve.