Z-innéacs
Cé nach cuid de chóras eangaí Bootstrap iad, tá ról tábhachtach ag z-innéacsanna sa chaoi a bhforleacann ár gcomhpháirteanna agus a n-idirghníomhaíonn siad lena chéile.
Úsáideann go leor comhpháirteanna Bootstrap z-index
, an t-airí CSS a chuidíonn le leagan amach a rialú trí thríú ais a sholáthar chun ábhar a shocrú. Bainimid úsáid as scála réamhshocraithe z-innéacs i Bootstrap atá deartha chun an loingseoireacht, leideanna uirlisí agus popovers, módúil agus go leor eile a chisealú i gceart.
Tosaíonn na luachanna níos airde seo ag uimhir threallach, ard agus sonrach go leor chun coinbhleachtaí a sheachaint. Teastaíonn sraith chaighdeánach díobh seo ar fud ár gcomhpháirteanna cisealta—leideanna uirlisí, popovers, barraí nascleanúna, anuas, módúil - ionas gur féidir linn a bheith réasúnta comhsheasmhach san iompar. Níl aon chúis nárbh fhéidir linn 100
+ nó 500
+ a úsáid.
Ní spreagaimid saincheapadh na luachanna aonair seo; má athraíonn tú ceann amháin, is dócha go gcaithfidh tú iad go léir a athrú.
$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;
Chun teorainneacha forluiteacha laistigh de chomhpháirteanna a láimhseáil (m.sh., cnaipí agus ionchuir i ngrúpaí ionchuir), bainimid úsáid as z-index
luachanna aondigite ísle de 1
, 2
, agus 3
le haghaidh stáit réamhshocraithe, ainlithe agus gníomhacha. Maidir le hover/fócas/gníomhach, tugaimid gné ar leith chun tosaigh le z-index
luach níos airde chun a dteorainn thar na heilimintí dearthár a thaispeáint.