জেড-সূচকাংক

কেইবাটাও Bootstrap উপাদানে ব্যৱহাৰ কৰে z-index, CSS বৈশিষ্ট্য যি বিষয়বস্তু সজাবলৈ এটা তৃতীয় অক্ষ প্ৰদান কৰি পৰিকল্পনা নিয়ন্ত্ৰণ কৰাত সহায় কৰে । আমি Bootstrap ত এটা অবিকল্পিত z-সূচী স্কেল ব্যৱহাৰ কৰো যি সঠিকভাৱে নেভিগেচন, সঁজুলি টিপছ আৰু পপঅভাৰ, মডাল, আৰু অধিক স্তৰ কৰিবলে ডিজাইন কৰা হৈছে।

এই উচ্চ মানসমূহ এটা ইচ্ছাকৃত সংখ্যাৰ পৰা আৰম্ভ হয়, উচ্চ আৰু যথেষ্ট নিৰ্দিষ্ট যাতে আদৰ্শগতভাৱে সংঘাতৰ পৰা হাত সাৰিব পাৰি। আমাক আমাৰ স্তৰযুক্ত উপাদানসমূহৰ মাজেৰে এইবোৰৰ এটা প্ৰামাণিক গোটৰ প্ৰয়োজন—টুলটিপসমূহ, পপঅভাৰসমূহ, নেভবাৰসমূহ, ড্ৰপডাউনসমূহ, মডালসমূহ—যাতে আমি আচৰণসমূহত যুক্তিসংগতভাৱে সামঞ্জস্যপূৰ্ণ হ'ব পাৰো। 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মানসমূহ ব্যৱহাৰ কৰো। hover/focus/active ত আমি এটা বিশেষ উপাদানক উচ্চ মানৰ সৈতে আগস্থানলৈ আনো যাতে ভাই-ভনী উপাদানসমূহৰ ওপৰত তেওঁলোকৰ সীমা দেখুৱাব পাৰি।123z-index