Mynegai Z
Er nad ydynt yn rhan o system grid Bootstrap, mae mynegeion z yn chwarae rhan bwysig yn y modd y mae ein cydrannau'n troshaenu ac yn rhyngweithio â'i gilydd.
Mae sawl cydran Bootstrap yn defnyddio z-index
, yr eiddo CSS sy'n helpu i reoli'r cynllun trwy ddarparu trydedd echel i drefnu cynnwys. Rydym yn defnyddio graddfa mynegai z rhagosodedig yn Bootstrap sydd wedi'i dylunio i haenu llywio, awgrymiadau offer a popovers, moddau, a mwy yn gywir.
Mae'r gwerthoedd uwch hyn yn dechrau ar rif mympwyol, yn ddigon uchel ac yn ddigon penodol i osgoi gwrthdaro yn ddelfrydol. Mae arnom angen set safonol o'r rhain ar draws ein cydrannau haenog - awgrymiadau offer, popovers, navbars, dropdowns, modals - fel y gallwn fod yn weddol gyson yn yr ymddygiadau. Nid oes unrhyw reswm na allem fod wedi defnyddio 100
+ neu 500
+.
Nid ydym yn annog addasu'r gwerthoedd unigol hyn; os byddwch chi'n newid un, mae'n debyg y bydd angen i chi eu newid i gyd.
$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;
I drin ffiniau sy'n gorgyffwrdd o fewn cydrannau (ee, botymau a mewnbynnau mewn grwpiau mewnbwn), rydym yn defnyddio z-index
gwerthoedd un digid isel o 1
, 2
, ac 3
ar gyfer cyflyrau rhagosodedig, hofran a gweithredol. Ar hofran/ffocws/actif, rydyn ni'n dod ag elfen benodol i'r blaen gyda z-index
gwerth uwch i ddangos eu ffin dros yr elfennau brawd neu chwaer.