Z-indeks
Bootstrap grid tizimining bir qismi bo'lmasa-da, z-indekslar bizning komponentlarimiz bir-biri bilan o'zaro bog'lanishi va o'zaro ta'sirida muhim rol o'ynaydi.
Bir nechta Bootstrap komponentlari z-index
tarkibni tartibga solish uchun uchinchi o'qni taqdim etish orqali tartibni boshqarishga yordam beradigan CSS xususiyatidan foydalanadi. Biz Bootstrap-da navigatsiya, maslahatlar va popoverlar, modallar va boshqalarni to'g'ri joylashtirish uchun mo'ljallangan standart z-indeks shkalasidan foydalanamiz.
Bu yuqori qiymatlar ixtiyoriy sondan boshlanadi, mojarolarning oldini olish uchun etarlicha yuqori va o'ziga xosdir. Bizga qatlamli komponentlar bo'ylab standart to'plam kerak - maslahatlar, popoverlar, navbarlar, ochiladigan menyular, modallar - shuning uchun biz xatti-harakatlarda mos keladigan bo'lishimiz mumkin. 100
+ yoki + dan foydalana olmasligimiz uchun hech qanday sabab yo'q 500
.
Biz ushbu individual qadriyatlarni moslashtirishni rag'batlantirmaymiz; birini o'zgartirsangiz, barchasini o'zgartirishingiz kerak bo'ladi.
$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;
Komponentlar (masalan, kiritish guruhlaridagi tugmalar va kirishlar) ichida bir-biriga o'xshash chegaralarni boshqarish uchun biz , ning past bir raqamli z-index
qiymatlaridan foydalanamiz va sukut bo'yicha, kursor va faol holatlar uchun 1
. Hover/focus/active rejimida biz ma'lum bir elementni birodar elementlar ustidagi chegarasini ko'rsatish uchun yuqori qiymatga ega bo'lamiz.2
3
z-index