Kiungo kilichonyoshwa
Fanya kipengele chochote cha HTML au kijenzi cha Bootstrap kibonyezwe kwa "kunyoosha" kiungo kilichowekwa kiota kupitia CSS.
Ongeza .stretched-link
kwenye kiungo ili kufanya kizuizi kilicho na kibonyeze kupitia ::after
kipengele bandia. Katika hali nyingi, hii ina maana kwamba kipengele position: relative;
kilicho na kiungo na .stretched-link
darasa kinaweza kubofya.
Kadi zina position: relative
kwa chaguo-msingi katika Bootstrap, kwa hivyo katika kesi hii unaweza kuongeza .stretched-link
darasa kwa kiunga kwenye kadi bila mabadiliko yoyote ya HTML kwa usalama.
Viungo vingi na shabaha za kugonga hazipendekezwi kwa viungo vilivyopanuliwa. Walakini, baadhi position
na z-index
mitindo inaweza kusaidia ikiwa hii itahitajika.
Kadi iliyo na kiungo kilichonyooshwa
Baadhi ya maandishi ya mfano wa haraka wa kuunda kwenye kichwa cha kadi na kuunda sehemu kubwa ya maudhui ya kadi.
Nenda mahali fulaniVipengee vya media havina position: relative
kwa chaguo-msingi, kwa hivyo tunahitaji kuongeza .position-relative
hapa ili kuzuia kiungo kunyoosha nje ya kifaa cha media.
Vyombo vya habari vilivyo na kiungo kilichonyooshwa
Cras sit amet nibh libero, katika gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum katika vulputate saa, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis kwenye faucibus.
Nenda mahali fulaniSafu wima ni position: relative
chaguomsingi, kwa hivyo safu wima zinazoweza kubofya zinahitaji tu .stretched-link
darasa kwenye kiungo. Walakini, kunyoosha kiunga juu ya nzima .row
kunahitaji .position-static
kwenye safu na .position-relative
kwenye safu.
Safu zilizo na kiungo kilichonyoshwa
Cras sit amet nibh libero, katika gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum katika vulputate saa, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis kwenye faucibus.
Nenda mahali fulaniKutambua kizuizi kilicho na
Ikiwa kiunga kilichopanuliwa hakionekani kufanya kazi, kizuizi kilicho na labda ndicho chanzo. Sifa zifuatazo za CSS zitafanya kipengee kuwa kizuizi kilicho na:
- Thamani
position
nyingine isipokuwastatic
- A
transform
auperspective
thamani nyingine isipokuwanone
- Thamani
will-change
yatransform
auperspective
- Thamani
filter
nyingine isipokuwanone
auwill-change
thamani yafilter
(inafanya kazi tu kwenye Firefox)
Kadi iliyo na viungo vilivyonyooshwa
Baadhi ya maandishi ya mfano wa haraka wa kuunda kwenye kichwa cha kadi na kuunda sehemu kubwa ya maudhui ya kadi.
Kiungo kilichonyooshwa hakitafanya kazi hapa, kwa sababu position: relative
kimeongezwa kwenye kiungo
Kiungo hiki kilichonyoshwa kitaenezwa juu ya p
-tag tu, kwa sababu kigeuzi kinatumika kwake.