Z-సూచిక

అనేక బూట్‌స్ట్రాప్ భాగాలు ఉపయోగించుకుంటాయి z-index, కంటెంట్‌ని ఏర్పాటు చేయడానికి మూడవ అక్షాన్ని అందించడం ద్వారా లేఅవుట్‌ను నియంత్రించడంలో సహాయపడే CSS ప్రాపర్టీ. మేము బూట్‌స్ట్రాప్‌లో డిఫాల్ట్ 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;

భాగాలలో అతివ్యాప్తి చెందుతున్న సరిహద్దులను నిర్వహించడానికి (ఉదా, ఇన్‌పుట్ సమూహాలలో బటన్‌లు మరియు ఇన్‌పుట్‌లు), మేము , , మరియు డిఫాల్ట్, హోవర్ మరియు యాక్టివ్ స్టేట్‌ల కోసం తక్కువ సింగిల్ డిజిట్ z-indexవిలువలను ఉపయోగిస్తాము. హోవర్/ఫోకస్/యాక్టివ్‌లో, తోబుట్టువుల మూలకాలపై వారి సరిహద్దును చూపించడానికి మేము అధిక విలువతో నిర్దిష్ట మూలకాన్ని తెరపైకి తీసుకువస్తాము .123z-index