زیڈ انڈیکس
بوٹسٹریپ کے گرڈ سسٹم کا حصہ نہ ہونے کے باوجود، z-انڈیکس اس میں اہم کردار ادا کرتے ہیں کہ ہمارے اجزاء کس طرح ایک دوسرے کے ساتھ ملتے ہیں اور تعامل کرتے ہیں۔
بوٹسٹریپ کے کئی اجزاء استعمال کرتے ہیں 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
قیمت کے ساتھ سامنے لاتے ہیں تاکہ بہن بھائی عناصر پر ان کی سرحد ظاہر کی جا سکے۔