Girêdana dirêjkirî
Her hêmanek HTML-ê an pêkhatek Bootstrap-ê ku bi "rêvekirina" girêdanek hêlînkirî bi CSS-ê ve were klîk kirin, bikin.
Zencîreyek zêde .stretched-link
bikin da ku bloka wê ya tê de bi riya ::after
hêmanek pseudo ve were klîk kirin. Di pir rewşan de, ev tê vê wateyê ku hêmanek pê re position: relative;
girêdanek bi .stretched-link
polê re tê klîk kirin.
Kartên ji position: relative
hêla xwerû ve di Bootstrap-ê de hene, ji ber vê yekê hûn dikarin bi ewlehî .stretched-link
polê li ser girêdanek di qertê de bêyî ku guhartinên din ên HTML-ê lê zêde bikin.
Gelek girêdan û armancên tap bi girêdanên dirêjkirî nayê pêşniyar kirin. Lêbelê, hin position
û z-index
şêwaz dikarin bibin alîkar ku ev hewce be.
Karta bi girêdana dirêjkirî
Hin nivîsek mînakek bilez a ku li ser sernavê qertê ava bike û piraniya naveroka qertê pêk bîne.
Biçe cihekîTiştên medyayê ji hêla xwerû ve tune ne position: relative
, ji ber vê yekê em hewce ne ku li .position-relative
vir zêde bikin da ku rê li ber dirêjkirina girêdanê li derveyî tiştê medyayê bigirin.
Medya bi girêdana dirêjkirî
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis li faucibus.
Biçe cihekîStûn ji position: relative
hêla xwerû ve ne, ji ber vê yekê stûnên klîk tenê .stretched-link
pola li ser girêdanek hewce dikin. Lêbelê, dirêjkirina girêdanek li ser tevahî li ser stûn û rêzê .row
hewce dike ..position-static
.position-relative
Stûnên bi girêdana dirêjkirî
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis li faucibus.
Biçe cihekîNaskirina bloka têde
Ger girêdana dirêjkirî nexebite, dibe ku bloka tê de bibe sedem. Taybetmendiyên CSS-ê yên jêrîn dê hêmanek bloka têde bikin:
- Nirxek
position
ji bilîstatic
- A
transform
anperspective
nirxa din ji bilînone
- Nirxa an
will-change
_transform
perspective
- Nirxek
filter
ji bilînone
anwill-change
nirxekfilter
(tenê li ser Firefox-ê dixebite)
Karta bi girêdanên dirêjkirî
Hin nivîsek mînakek bilez a ku li ser sernavê qertê ava bike û piraniya naveroka qertê pêk bîne.
Zencîreya dirêjkirî dê li vir nexebite, ji ber ku position: relative
li zencîreyê hatî zêdekirin
Ev girêdana dirêjkirî dê tenê li ser p
-tagê belav bibe, ji ber ku veguherînek jê re tê sepandin.