ዜድ-ኢንዴክስ
ኣካል ናይ ቡትስትራፕ ስርዓተ ሽቦ እኳ እንተዘይኮነ፡ z-indexes ግን ኣካላትና ኣብ ነንሕድሕዶም ብኸመይ ከም ዝደራረቡን ከም ዝራኸቡን ኣገዳሲ ተራ ኣለዎም።
ሓያሎ Bootstrap components utilize z-index
, ትሕዝቶ ንምስራዕ ሳልሳይ ኣክሲስ ብምሃብ ንኣቀማምጣ ንምቁጽጻር ዝሕግዝ CSS ባህሪ። ኣብ ቡትስትራፕ ንዘሎ ነባሪ z-index ስኬል ንጥቀም እዚ ድማ ንመገሻ፣ መሳርሒታትን ፖፖቨርን፣ ሞዳላትን ካልእን ብግቡእ ንጣር ንምግባር ዝተዳለወ እዩ።
እዞም ዝለዓለ ክብርታት ካብ ፍቓደኛ ቁጽሪ ይጅምሩ፣ ልዑልን ፍሉይን ብዝበለጸ ካብ ግርጭታት ንምውጋድ እኹል እዩ። ኣብ መላእ ንጣር ዘለዎም ባእታታትና ደረጃ ዘለዎ ስብስብ ናይዚኦም የድልየና እዩ-መሳርሒታት፣ ፖፖቨርስ፣ ናቭባር፣ ድሮፕዳውንድስ፣ ሞዳላት-ስለዚ ኣብቲ ባህርያት ብመጠኑ ቅኑዕ ክንከውን ንኽእል። 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
ንነባሪ፡ ሆቨርን ንጡፍ ኩነታትን ንጥቀም። ኣብ hover/focus/active ንሓደ ፍሉይ ባእታ ዝለዓለ ዋጋ ዘለዎ ናብ ቅድሚት ኣምጺእና z-index
ዶቦም ኣብ ልዕሊ እቶም ኣሕዋት ባእታታት ንርኢ።