Z-index
پداسې حال کې چې د بوټسټریپ د ګریډ سیسټم برخه نه ده، z-indexs په دې کې مهم رول لوبوي چې څنګه زموږ اجزاو پوښل کیږي او یو بل سره تعامل کوي.
د بوټسټریپ ډیری برخې کاروي z-index، د CSS ملکیت چې د مینځپانګې تنظیم کولو لپاره دریم محور چمتو کولو سره کنټرول ترتیب کې مرسته کوي. موږ په بوټسټریپ کې د ډیفالټ 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;
$zindex-toast: 1090;
په اجزاوو کې د متقابل سرحدونو اداره کولو لپاره (د بیلګې په توګه، بټنونه او د ان پټ ګروپونو کې ننوتونه)، موږ د ټیټ واحد ډیجیټل z-indexارزښتونه کاروو 1، 2او 3د ډیفالټ، هور، او فعال حالتونو لپاره. په هور/فوکس/فعال کې، موږ یو ځانګړی عنصر د لوړ z-indexارزښت سره مخ ته راوړو ترڅو د وروڼو عناصرو په اړه د دوی سرحد وښيي.