खिंचाव वाला कड़ी
CSS के माध्यम स॑ नेस्टेड लिंक क॑ “स्ट्रेच” करी क॑ कोनो भी HTML तत्व या Bootstrap घटक क॑ क्लिक करलऽ जाय वाला बनाबै ।
.stretched-link
कोनो लिंक मे जोड़ू जे ओकर समाहित ब्लॉक::after
के छद्म तत्व के माध्यम सं क्लिक करय योग्य बना सकय. अधिकांश मामला म॑ एकरऽ मतलब छै कि जेकरा म॑ क्लास के position: relative;
साथ लिंक होय छै, ओकरा वाला तत्व क्लिक करलऽ जाय सकै छै ।.stretched-link
कार्ड मे position: relative
डिफ़ॉल्ट रूप सं बूटस्ट्रैप मे होयत छै, अइ कें लेल अहां सुरक्षित रूप .stretched-link
सं कार्ड मे कोनों लिंक मे क्लास कें बिना कोनों अन्य एचटीएमएल बदलाव कें जोड़ सकय छी.
खिंचाव वाला लिंक के साथ कई लिंक आ टैप टारगेट के सिफारिश नै कएल गेल अछि. मुदा, किछु position
आ z-index
शैली मदद क सकैत अछि अगर एकर आवश्यकता होए.
खिंचाव वाला कड़ी वाला कार्ड
कार्ड कें शीर्षक पर निर्माण करय कें लेल आ कार्ड कें सामग्री कें थोक कें निर्माण करय कें लेल किच्छू त्वरित उदाहरण पाठ.
कतहु जाउमीडिया ऑब्जेक्ट position: relative
म॑ डिफ़ॉल्ट रूप स॑ नै छै, ई लेली हमरा सब क॑ .position-relative
यहाँ जोड़ै के जरूरत छै ताकि लिंक क॑ मीडिया ऑब्जेक्ट स॑ बाहर नै फैल॑ सक॑ ।
खिंचाव वाला कड़ी वाला मीडिया
क्रास बैस अमेट निभ लिबेरो, ग्रेविडा नुल्ला में। नुल्ला वेल मेटस स्केलेरिस्क एंटी सोलिसिट्यूडिन। क्रास पुरुस ओडियो, वेस्टिबुलम में वल्पुटेट एट, टेम्पस विवेरा टर्पिस | Fusce condimentum nunc एसी निसी वल्पुटेट फ्रिंगिला। फौसिबस में डोनेक लैसिनिया कोंगे फेलिस।
कतहु जाउकॉलम position: relative
डिफ़ॉल्ट रूप स अछि, अतः क्लिक करय योग्य कॉलम क लेल केवल .stretched-link
कोनो लिंक पर क्लास क आवश्यकता होएत अछि. मुदा, एकटा कड़ी कें पूरा पर खिंचय कें लेल स्तंभ पर आ पंक्ति पर .row
आवश्यकता होयत छै..position-static
.position-relative
खिंचाव वाला कड़ी वाला स्तंभ
क्रास बैस अमेट निभ लिबेरो, ग्रेविडा नुल्ला में। नुल्ला वेल मेटस स्केलेरिस्क एंटी सोलिसिट्यूडिन। क्रास पुरुस ओडियो, वेस्टिबुलम में वल्पुटेट एट, टेम्पस विवेरा टर्पिस | Fusce condimentum nunc एसी निसी वल्पुटेट फ्रिंगिला। फौसिबस में डोनेक लैसिनिया कोंगे फेलिस।
कतहु जाउसमाहित ब्लॉक के पहचान करब
जँ खिंचाओल लिंक काज नहि करैत बुझाइत अछि तँ संभवतः समाहित ब्लॉक कारण होयत । निम्नलिखित CSS गुण कोनो तत्व केँ समाहित ब्लॉक बना देत:
- के अलावा एक
position
मानstatic
- क
transform
याperspective
मान के अलावा अन्य मानnone
- या के एक
will-change
मानtransform
perspective
filter
के अलावाnone
या मान के अलावा एकटा मानwill-change
(filter
केवल फायरफॉक्स पर काज करैत अछि)
खिंचाव वाला लिंक वाला कार्ड
कार्ड कें शीर्षक पर निर्माण करय कें लेल आ कार्ड कें सामग्री कें थोक कें निर्माण करय कें लेल किच्छू त्वरित उदाहरण पाठ.
स्ट्रेचड लिंक एतय काज नहि करत, कारण position: relative
लिंक मे जोड़ल गेल अछि
ई खिंचाओल गेल लिंक केवल -टैग पर पसरल रहत p
, कारण एकरा पर एकटा रूपांतरण लागू कएल गेल अछि.