Z-දර්ශකය
Bootstrap හි ජාල පද්ධතියේ කොටසක් නොවූවත්, අපගේ සංරචක එකිනෙක ආවරණය වන ආකාරය සහ අන්තර් ක්රියා කරන ආකාරය සම්බන්ධයෙන් z-දර්ශක වැදගත් කොටසක් ඉටු කරයි.
z-index
අන්තර්ගත සැකසීමට තුන්වන අක්ෂයක් ලබා දීමෙන් පිරිසැලසුම පාලනය කිරීමට උපකාර වන CSS ගුණය වන Bootstrap සංරචක කිහිපයක් භාවිතා කරයි. අපි Bootstrap හි පෙරනිමි z-දර්ශක පරිමාණයක් භාවිතා කරමු, එය නිසි ලෙස ස්ථර සංචාලනය, මෙවලම් ඉඟි සහ popovers, modals සහ තවත් දේ සඳහා නිර්මාණය කර ඇත.
මෙම ඉහළ අගයන් අත්තනෝමතික සංඛ්යාවකින් ආරම්භ වේ, ගැටුම් ඉතා මැනවින් වළක්වා ගැනීමට තරම් ඉහළ සහ විශේෂිත වේ. අපට අපගේ ස්ථර සංරචක හරහා මේවායේ සම්මත කට්ටලයක් අවශ්ය වේ—මෙවලම් ඉඟි, popovers, navbars, dropdowns, modals—එබැවින් අපට හැසිරීම් වල සාධාරණ ලෙස ස්ථාවර විය හැක. 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
hover/focus/active මත, අපි සහෝදර මූලද්රව්ය මත ඔවුන්ගේ මායිම පෙන්වීමට ඉහළ අගයක් සහිත විශේෂිත මූලද්රව්යයක් ඉදිරියට ගෙන එන්නෙමු.