ప్రధాన కంటెంట్‌కు దాటవేయండి డాక్స్ నావిగేషన్‌కు దాటవేయండి
in English

Z-సూచిక

బూట్‌స్ట్రాప్ యొక్క గ్రిడ్ సిస్టమ్‌లో భాగం కానప్పటికీ, మా భాగాలు ఒకదానితో ఒకటి ఎలా అతివ్యాప్తి చెందుతాయి మరియు పరస్పర చర్య చేయడంలో 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