Z-సూచిక
బూట్స్ట్రాప్ యొక్క గ్రిడ్ సిస్టమ్లో భాగం కానప్పటికీ, z-సూచికలు మా భాగాలు ఎలా అతివ్యాప్తి చెందుతాయి మరియు ఒకదానితో ఒకటి పరస్పర చర్య చేస్తాయి అనే దానిలో ముఖ్యమైన పాత్ర పోషిస్తాయి.
అనేక బూట్స్ట్రాప్ భాగాలు ఉపయోగించుకుంటాయి z-index
, కంటెంట్ని ఏర్పాటు చేయడానికి మూడవ అక్షాన్ని అందించడం ద్వారా లేఅవుట్ను నియంత్రించడంలో సహాయపడే CSS ప్రాపర్టీ. మేము బూట్స్ట్రాప్లో డిఫాల్ట్ z-ఇండెక్స్ స్కేల్ను ఉపయోగిస్తాము, అది సరిగ్గా లేయర్ నావిగేషన్, టూల్టిప్లు మరియు పాప్ఓవర్లు, మోడల్లు మరియు మరిన్నింటికి రూపొందించబడింది.
ఈ అధిక విలువలు ఏకపక్ష సంఖ్యతో ప్రారంభమవుతాయి, వివాదాలను ఆదర్శంగా నివారించేంత ఎక్కువ మరియు నిర్దిష్టంగా ఉంటాయి. మా లేయర్డ్ కాంపోనెంట్లలో-టూల్టిప్లు, పాప్ఓవర్లు, నావ్బార్లు, డ్రాప్డౌన్లు, మోడల్స్ అంతటా మనకు వీటి యొక్క ప్రామాణిక సెట్ అవసరం-కాబట్టి మేము ప్రవర్తనలలో సహేతుకంగా స్థిరంగా ఉండవచ్చు. 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