تړل شوی لینک
هر HTML عنصر یا د بوټسټریپ اجزا د CSS له لارې د نیست شوي لینک "پراخولو" سره د کلیک کولو وړ کړئ.
یو لینک ته اضافه کړئ .stretched-link
ترڅو د دې شامل بلاک::after
د سیډو عنصر له لارې د کلیک کولو وړ وي. په ډیری مواردو کې، دا پدې مانا ده چې یو عنصر position: relative;
چې د ټولګي سره لینک لري د .stretched-link
کلک کولو وړ دی.
کارتونه په position: relative
ډیفالټ بوټسټریپ کې لري ، نو پدې حالت کې تاسو کولی شئ په خوندي ډول .stretched-link
ټولګي په کارت کې لینک ته پرته له کوم بل HTML بدلونونو اضافه کړئ.
ډیری لینکونه او د نل هدفونه د پراخ شوي لینکونو سره سپارښتنه نه کیږي. په هرصورت، ځینې position
او z-index
سټایلونه کولی شي مرسته وکړي که اړتیا وي.
د پراخ شوي لینک سره کارت
د کارت په سرلیک کې د جوړولو لپاره ځینې ګړندي مثال متن او د کارت مینځپانګې لویه برخه جوړوي.
چیرته لاړ شهد میډیا توکي په position: relative
ډیفالټ کې ندي ، نو موږ اړتیا لرو چې دلته اضافه کړو ترڅو .position-relative
لینک د میډیا اعتراض څخه بهر پراخه کیدو مخه ونیسي.
رسنۍ د پراخ شوي لینک سره
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 in faucibus.
چیرته لاړ شهکالمونه په position: relative
ډیفالټ ډول دي، نو د کلک کولو وړ کالمونه یوازې .stretched-link
په لینک کې ټولګي ته اړتیا لري. په هرصورت، په ټوله کې د لینک پراخول په کالم او قطار کې .row
اړتیا لري ..position-static
.position-relative
کالمونه د پراخ شوي لینک سره
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 in faucibus.
چیرته لاړ شهد لرونکی بلاک پیژندنه
که غزیدلی لینک کار نه کوي، احتمالي بلاک به یې لامل وي. لاندې سی ایس ایس ملکیتونه به یو عنصر جوړ کړي بلاک ولري:
- پرته بل
position
ارزښتstatic
- A
transform
یاperspective
بل ارزښت پرتهnone
- یو
will-change
ارزښتtransform
یاperspective
- د
filter
ارزښت پرته بل ارزښتnone
یاwill-change
ارزښتfilter
(یوازې په فایرفوکس کې کار کوي)
د پراخ شوي لینکونو سره کارت
د کارت په سرلیک کې د جوړولو لپاره ځینې ګړندي مثال متن او د کارت مینځپانګې لویه برخه جوړوي.
ټینګ شوی لینک به دلته کار ونکړي، ځکه چې position: relative
په لینک کې اضافه شوی
دا پراخ شوی لینک به یوازې په p
-ټاګ کې خپور شي، ځکه چې یو بدلون په دې کې پلي کیږي.