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

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ارزښت سره مخ ته راوړو ترڅو د وروڼو عناصرو په اړه د دوی سرحد وښيي.