З-индекс
Иако не се дел од мрежниот систем на Bootstrap, z-индексите играат важна улога во тоа како нашите компоненти се преклопуваат и комуницираат едни со други.
Неколку компоненти на Bootstrap користат z-index, својството CSS што помага да се контролира распоредот преку обезбедување на трета оска за уредување на содржината. Ние користиме стандардна скала на z-индекс во 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вредност за да ја прикаже нивната граница над елементите од браќата или сестрите.