ናብ ቀንዲ ትሕዝቶ ዘልል ናብ docs navigation ዘልል
Check
in English

ዜድ-ኢንዴክስ

ኣካል ናይ ቡትስትራፕ ስርዓተ ሽቦ እኳ እንተዘይኮነ፡ z-indexes ግን ኣካላትና ኣብ ነንሕድሕዶም ብኸመይ ከም ዝደራረቡን ከም ዝራኸቡን ኣገዳሲ ተራ ኣለዎም።

ሓያሎ Bootstrap components utilize z-index, ትሕዝቶ ንምስራዕ ሳልሳይ ኣክሲስ ብምሃብ ንኣቀማምጣ ንምቁጽጻር ዝሕግዝ CSS ባህሪ። ኣብ ቡትስትራፕ ንዘሎ ነባሪ z-index ስኬል ንጥቀም እዚ ድማ ንመገሻ፣ መሳርሒታትን ፖፖቨርን፣ ሞዳላትን ካልእን ብግቡእ ንጣር ንምግባር ዝተዳለወ እዩ።

እዞም ዝለዓለ ክብርታት ካብ ፍቓደኛ ቁጽሪ ይጅምሩ፣ ልዑልን ፍሉይን ብዝበለጸ ካብ ግርጭታት ንምውጋድ እኹል እዩ። ኣብ መላእ ንጣር ዘለዎም ባእታታትና ደረጃ ዘለዎ ስብስብ ናይዚኦም የድልየና እዩ-መሳርሒታት፣ ፖፖቨርስ፣ ናቭባር፣ ድሮፕዳውንድስ፣ ሞዳላት-ስለዚ ኣብቲ ባህርያት ብመጠኑ ቅኑዕ ክንከውን ንኽእል። 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;
$zindex-toast:                      1090;

ኣብ ውሽጢ ኣካላት ንዝተደራረቡ ዶባት ንምሕላው (ንኣብነት፡ መጠወቒታትን እታዎታትን ኣብ ጉጅለታት ምእታው)፡ ትሑት ንጽል ኣሃዝ z-indexክብርታት ናይ 1, 2, ከምኡ’ውን 3ንነባሪ፡ ሆቨርን ንጡፍ ኩነታትን ንጥቀም። ኣብ hover/focus/active ንሓደ ፍሉይ ባእታ ዝለዓለ ዋጋ ዘለዎ ናብ ቅድሚት ኣምጺእና z-indexዶቦም ኣብ ልዕሊ እቶም ኣሕዋት ባእታታት ንርኢ።