З-индекс

Неколико компоненти Боотстрап-а користи z-index, ЦСС својство које помаже у контроли распореда обезбеђивањем треће осе за распоређивање садржаја. Користимо подразумевану скалу з-индекса у Боотстрап-у која је дизајнирана да правилно слојева навигацију, описе алата и искачуће елементе, модале и још много тога.

Ове веће вредности почињу са произвољним бројем, довољно високим и специфичним да би се у идеалном случају избегао конфликт. Потребан нам је стандардни скуп ових у нашим слојевитим компонентама – описи алата, искачући огласи, навигацијске траке, падајући мении, модали – тако да можемо бити разумно доследни у понашању. Нема разлога да не користимо 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вредности 1, 2, и 3за подразумевана стања, лебдење и активна стања. Када лебди/фокусира/активно, стављамо одређени елемент у први план са вишом z-indexвредношћу да бисмо приказали њихову границу преко сродних елемената.