ዜድ-ኢንዴክስ
የ Bootstrap's ግሪድ ሲስተም አካል ባይሆንም z-ኢንዴክሶች ክፍሎቻችን እንዴት እንደሚደራረቡ እና እርስ በርስ እንደሚገናኙ ጠቃሚ ሚና ይጫወታሉ።
በርካታ የ Bootstrap ክፍሎች z-index
ይዘትን ለማዘጋጀት ሶስተኛ ዘንግ በማቅረብ አቀማመጥን ለመቆጣጠር የሚረዳውን የሲኤስኤስ ንብረት ይጠቀማሉ። ዳሰሳን፣ የመሳሪያ ምክሮችን እና ፖፖቨርዎችን፣ ሞዳልሎችን እና ሌሎችንም በአግባቡ ለመደርደር የተነደፈውን ነባሪ የ z-index ልኬትን በBootstrap ውስጥ እንጠቀማለን።
እነዚህ ከፍተኛ ዋጋዎች በዘፈቀደ ቁጥር ይጀምራሉ, ከፍተኛ እና በቂ ግጭቶችን ለማስወገድ በቂ. በተደራረቡ ክፍሎቻችን - የመሳሪያ ምክሮች፣ ፖፖቨርስ፣ ናቭባርስ፣ ተቆልቋይዎች፣ ሞዳሎች - ስለዚህ በባህሪያቱ ላይ ምክንያታዊ እንድንሆን መደበኛ የእነዚህን ስብስብ እንፈልጋለን። 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
እሴቶችን 1
፣ 2
እና 3
ነባሪ፣ ማንዣበብ እና ንቁ ግዛቶችን እንጠቀማለን። z-index
በማንዣበብ/ማተኮር/አክቲቭ ላይ፣ በወንድም እህት አባሎች ላይ ድንበራቸውን ለማሳየት ከፍ ያለ ዋጋ ያለው አንድ የተወሰነ አካል ወደ ግንባር እናመጣለን ።