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-offcanvas-backdrop:         1040;
$zindex-offcanvas:                  1045;
$zindex-modal-backdrop:             1050;
$zindex-modal:                      1055;
$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-indexgwerthoedd un digid isel o 1, 2, ac 3ar gyfer cyflyrau rhagosodedig, hofran a gweithredol. Ar hofran/ffocws/actif, rydyn ni'n dod ag elfen benodol i'r blaen gyda z-indexgwerth uwch i ddangos eu ffin dros yr elfennau brawd neu chwaer.