Z-indeks
Bootstrap grid tizimining bir qismi bo'lmasa-da, z-indekslar bizning komponentlarimiz bir-birining ustiga chiqishi va o'zaro ta'sirida muhim rol o'ynaydi.
Bir nechta Bootstrap komponentlari z-indextarkibni 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-offcanvas-backdrop: 1040;
$zindex-offcanvas: 1045;
$zindex-modal-backdrop: 1050;
$zindex-modal: 1055;
$zindex-popover: 1070;
$zindex-tooltip: 1080;
$zindex-toast: 1090;
Komponentlar (masalan, kiritish guruhlaridagi tugmalar va kirishlar) ichida bir-biriga o'xshash chegaralarni boshqarish uchun biz , ning past bir raqamli z-indexqiymatlaridan 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.23z-index