Z- ଇଣ୍ଡେକ୍ସ |

ଅନେକ ବୁଟଷ୍ଟ୍ରାପ୍ ଉପାଦାନ ବ୍ୟବହାର z-indexକରେ, CSS ସମ୍ପତ୍ତି ଯାହା ବିଷୟବସ୍ତୁକୁ ସଜାଇବା ପାଇଁ ଏକ ତୃତୀୟ ଅକ୍ଷ ପ୍ରଦାନ କରି ଲେଆଉଟ୍ ନିୟନ୍ତ୍ରଣ କରିବାରେ ସାହାଯ୍ୟ କରେ | ଆମେ ବୁଟଷ୍ଟ୍ରାପରେ ଏକ ଡିଫଲ୍ଟ z- ଇଣ୍ଡେକ୍ସ ସ୍କେଲ୍ ବ୍ୟବହାର କରୁ ଯାହା ସଠିକ୍ ସ୍ତରର ନାଭିଗେସନ୍, ଟୁଲ୍ ଟିପ୍ସ ଏବଂ ପପୋଭର, ମୋଡାଲ୍ ଏବଂ ଅଧିକ ସଠିକ୍ ଭାବରେ ଡିଜାଇନ୍ ହୋଇଛି |

ଏହି ଉଚ୍ଚ ମୂଲ୍ୟଗୁଡିକ ଏକ ଇଚ୍ଛାଧୀନ ସଂଖ୍ୟାରେ ଆରମ୍ଭ ହୁଏ, ଉଚ୍ଚ ଏବଂ ନିର୍ଦ୍ଦିଷ୍ଟ ଭାବରେ ଦ୍ୱନ୍ଦ୍ୱକୁ ଏଡାଇବା ପାଇଁ ଯଥେଷ୍ଟ | ଆମର ସ୍ତରୀୟ ଉପାଦାନଗୁଡ଼ିକ ମଧ୍ୟରେ ଆମକୁ ଏଗୁଡ଼ିକର ଏକ ମାନକ ସେଟ୍ ଆବଶ୍ୟକ - ଟୁଲ୍ ଟିପ୍ସ, ପପୋଭର, ନାଭବାର୍, ଡ୍ରପଡାଉନ୍, ମୋଡାଲ୍ - ତେଣୁ ଆମେ ଆଚରଣରେ ଯୁକ୍ତିଯୁକ୍ତ ହୋଇପାରିବା | 100କ or ଣସି କାରଣ ନାହିଁ ଯାହାକୁ ଆମେ + କିମ୍ବା + ବ୍ୟବହାର କରିପାରିଲୁ ନାହିଁ 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