Link dowo
Nggawe unsur HTML utawa komponen Bootstrap sing bisa diklik kanthi "mulet" link bersarang liwat CSS.
Tambah .stretched-link
menyang link kanggo nggawe blok sing ngemot bisa diklik liwat ::after
unsur pseudo. Umume kasus, iki tegese unsur position: relative;
sing ngemot link karo .stretched-link
kelas bisa diklik.
Kertu duwe position: relative
standar ing Bootstrap, supaya ing kasus iki sampeyan bisa kanthi aman nambah .stretched-link
kelas menyang link ing kertu tanpa owah-owahan HTML liyane.
Tautan pirang-pirang lan target tunyuk ora disaranake nganggo tautan sing dawa. Nanging, sawetara position
lan z-index
gaya bisa mbantu yen dibutuhake.
Kertu kanthi tautan sing dawa
Sawetara conto teks cepet kanggo mbangun judhul kertu lan nggawe akeh isi kertu.
Menyang ngendi waeObyek media ora duwe position: relative
kanthi gawan, mula kita kudu nambahake .position-relative
kene kanggo nyegah tautan saka njaba obyek media.
Media kanthi tautan sing dawa
Cras sit amet nibh libero, ing 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 in faucibus.
Menyang ngendi waeKolom minangka position: relative
standar, mula kolom sing bisa diklik mung mbutuhake .stretched-link
kelas ing tautan. Nanging, mulet link liwat kabeh .row
mbutuhake .position-static
ing kolom lan .position-relative
ing baris.
Kolom kanthi tautan sing dawa
Cras sit amet nibh libero, ing 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 in faucibus.
Menyang ngendi waeNgenali blok sing ngemot
Yen link sing diwutahake ora bisa digunakake, blok sing ana bisa uga dadi sababe. Properti CSS ing ngisor iki bakal nggawe unsur minangka blok sing ngemot:
- Nilai
position
liyane sakastatic
- A
transform
utawaperspective
Nilai liyane sakanone
- Nilai
will-change
sakatransform
utawaperspective
- Nilai
filter
liyane sakanone
utawawill-change
nilaifilter
(mung dianggo ing Firefox)
Kertu karo pranala dowo
Sawetara conto teks cepet kanggo mbangun judhul kertu lan nggawe akeh isi kertu.
Link dowo ora bakal bisa ing kene, amarga position: relative
ditambahake menyang link
Link dowo iki mung bakal nyebar liwat p
-tag, amarga transformasi ditrapake kanggo.