Kgokagano e otlollwago
Dira gore elemente efe goba efe ya HTML goba karolo ya Bootstrap e kgone go kgotla ka go “otlolla” kgokagano yeo e tsentšwego ka gare ga sehlaga ka CSS.
Oketša .stretched-link
go kgokagano go dira gore boloko ya yona ye e nago le yona e kgotle ka ::after
elemente ya maaka. Maemong a mantši, se se ra gore elemente yeo e nago le position: relative;
yeo e nago le kgokagano le .stretched-link
sehlopha e a kgotla.
Dikarata di na le position: relative
ka go ikemela ka go Bootstrap, ka fao tabeng ye o ka oketša ka polokego .stretched-link
sehlopha go kgokagano ka karateng ntle le diphetogo tše dingwe tša HTML.
Dikgokagano tše dintši le diphetho tša go kgotla ga di kgothaletšwe ka dikgokagano tše di otlollwago. Lega go le bjalo, tše dingwe position
le z-index
mekgwa di ka thuša ge e ba se se ka nyakega.
Card le otlolla kgokahanyo
Sengwalwa se sengwe sa mohlala sa ka pela go aga godimo ga sehlogo sa karata le go dira bontši bja diteng tša karata.
Eya felotsokoDilo tša boraditaba ga di na position: relative
ka go ikemela, ka fao re swanetše go oketša .position-relative
mo go thibela kgokagano go otlolla ka ntle ga selo sa boraditaba.
Media le otlolla kgokahanyo
Cras dula amet nibh libero, ka gravida nulla. Nulla vel metus scelerisque pele e le sehloohong. Cras purus odio, vestibulum ka vulputate ka, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate ya go ba le ditho tša mmele. Donec lacinia congue felis ka faucibus.
Eya felotsokoDikholomo ke position: relative
ka go ikemela, ka fao dikholomo te di ka klikwago di nyaka fela .stretched-link
sehlopha go kgokagano. Lega go le bjalo, go otlolla kgokagano godimo ga selo ka moka .row
go nyaka .position-static
godimo ga kholomo le .position-relative
mothalong.
Dikholomo tše di nago le kgokagano ye e otlollwago
Cras dula amet nibh libero, ka gravida nulla. Nulla vel metus scelerisque pele e le sehloohong. Cras purus odio, vestibulum ka vulputate ka, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate ya go ba le ditho tša mmele. Donec lacinia congue felis ka faucibus.
Eya felotsokoGo hlaola boloko yeo e nago le yona
Ge e ba kgokagano yeo e otlollwago e bonala e sa šome, mohlomongwe boloko yeo e nago le yona e tla ba sebaki. Dithoto tše di latelago tša CSS di tla dira gore elemente e be boloko bjo bo nago le:
- Boleng
position
bjo bongwe ntle lestatic
- A
transform
gobaperspective
boleng bjo bongwe ntle lenone
- Boleng
will-change
bjatransform
gobaperspective
- Boleng
filter
bjo bongwe ntle lenone
gobawill-change
boleng bjafilter
(bo šoma fela go Firefox) .
Card le dikgokelo otlolla
Sengwalwa se sengwe sa mohlala sa ka pela go aga godimo ga sehlogo sa karata le go dira bontši bja diteng tša karata.
Otlolla kgokagano e ke ke ya sebetsa mona, hobane position: relative
e eketswa ho kgokagano
Kgokagano ye e otlollwago e tla phatlalatšwa fela godimo ga p
-tag, ka gobane phetogo e dirišwa go yona.