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