اصلي منځپانګې ته لاړ شئ د اسنادو نیویګیشن ته لاړشئ
in English

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ارزښتونه کاروو. په هور/فوکس/فعال کې، موږ یو ځانګړی عنصر د لوړ ارزښت سره مخ ته راوړو ترڅو د وروڼو عناصرو په اړه د دوی سرحد ښکاره کړي.123z-index