Z-index
پداسې حال کې چې د بوټسټریپ د ګریډ سیسټم برخه نه ده، z-indexs په دې کې مهم رول لوبوي چې څنګه زموږ اجزاو پوښل کیږي او یو بل سره تعامل کوي.
د بوټسټریپ ډیری برخې کاروي z-index
، د CSS ملکیت چې د مینځپانګې تنظیم کولو لپاره دریم محور چمتو کولو سره کنټرول ترتیب کې مرسته کوي. موږ په بوټسټریپ کې د ډیفالټ z-index پیمانه کاروو چې په سمه توګه د نیویګیشن ، ټوټیپونو او پاپورونو ، موډلونو او نور ډیر څه لپاره ډیزاین شوی.
دا لوړ ارزښتونه په خپل سري شمیره پیل کیږي، لوړ او په کافي اندازه مشخص دي چې په مثالي توګه د شخړو مخه ونیسي. موږ زموږ په سطحه اجزاو کې د دې معیاري سیټ ته اړتیا لرو — اوزار ټیپونه ، پاپورونه ، نوبارز ، ډراپ ډاونونه ، موډلونه — نو موږ کولی شو په چلندونو کې په معقول ډول ثابت واوسو. 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