बूटस्ट्रॅपची कार्डे अनेक रूपे आणि पर्यायांसह लवचिक आणि एक्स्टेंसिबल सामग्री कंटेनर प्रदान करतात.
बद्दल
कार्ड एक लवचिक आणि विस्तारण्यायोग्य सामग्री कंटेनर आहे. यात शीर्षलेख आणि तळटीप, सामग्रीची विस्तृत विविधता, संदर्भित पार्श्वभूमी रंग आणि शक्तिशाली प्रदर्शन पर्यायांचा समावेश आहे. आपण बूटस्ट्रॅप 3 शी परिचित असल्यास, कार्डे आमचे जुने पॅनेल, विहिरी आणि लघुप्रतिमा बदलतात. त्या घटकांसारखीच कार्यक्षमता कार्ड्ससाठी सुधारक वर्ग म्हणून उपलब्ध आहे.
उदाहरण
कार्ड शक्य तितक्या कमी मार्कअप आणि शैलींसह तयार केले जातात, परंतु तरीही बरेच नियंत्रण आणि कस्टमायझेशन प्रदान करण्यात व्यवस्थापित करतात. फ्लेक्सबॉक्ससह तयार केलेले, ते सोपे संरेखन देतात आणि इतर बूटस्ट्रॅप घटकांसह चांगले मिसळतात. त्यांच्याकडे marginबाय डीफॉल्ट नाही, म्हणून आवश्यकतेनुसार स्पेसिंग युटिलिटी वापरा.
खाली मिश्र सामग्री आणि निश्चित रुंदी असलेल्या मूलभूत कार्डचे उदाहरण आहे. कार्डांना सुरू करण्यासाठी कोणतीही निश्चित रुंदी नसते, त्यामुळे ते नैसर्गिकरित्या त्याच्या मूळ घटकाची पूर्ण रुंदी भरतील. हे आमच्या विविध आकारांच्या पर्यायांसह सहजपणे सानुकूलित केले जाते .
कार्ड शीर्षक
कार्डच्या शीर्षकावर तयार करण्यासाठी आणि कार्डच्या सामग्रीचा मोठा भाग तयार करण्यासाठी काही द्रुत उदाहरण मजकूर.
कार्डे प्रतिमा, मजकूर, सूची गट, दुवे आणि बरेच काही यासह विविध सामग्रीचे समर्थन करतात. खाली सपोर्ट असलेल्या गोष्टींची उदाहरणे दिली आहेत.
शरीर
कार्डचा बिल्डिंग ब्लॉक आहे .card-body. जेव्हा तुम्हाला कार्डमधील पॅड सेक्शनची आवश्यकता असेल तेव्हा ते वापरा.
हा कार्ड बॉडीमधील काही मजकूर आहे.
शीर्षके, मजकूर आणि दुवे
कार्ड शीर्षके टॅगमध्ये जोडून वापरली जातात .card-title. त्याच प्रकारे, लिंक जोडल्या जातात आणि टॅगमध्ये <h*>जोडून एकमेकांच्या पुढे ठेवल्या जातात ..card-link<a>
टॅगमध्ये .card-subtitlea जोडून उपशीर्षके वापरली जातात . <h*>जर .card-titleआणि .card-subtitleआयटम एका आयटममध्ये ठेवल्या असतील तर .card-body, कार्ड शीर्षक आणि उपशीर्षक छान संरेखित केले जातात.
कार्ड शीर्षक
कार्ड उपशीर्षक
कार्डच्या शीर्षकावर तयार करण्यासाठी आणि कार्डच्या सामग्रीचा मोठा भाग तयार करण्यासाठी काही द्रुत उदाहरण मजकूर.
.card-img-topकार्डच्या शीर्षस्थानी एक प्रतिमा ठेवते. सोबत .card-text, कार्डमध्ये मजकूर जोडला जाऊ शकतो. मधील मजकूर .card-textमानक HTML टॅगसह देखील शैलीबद्ध केला जाऊ शकतो.
कार्डच्या शीर्षकावर तयार करण्यासाठी आणि कार्डच्या सामग्रीचा मोठा भाग तयार करण्यासाठी काही द्रुत उदाहरण मजकूर.
गटांची यादी करा
फ्लश सूची गटासह कार्डमधील सामग्रीच्या सूची तयार करा.
Cras justo odio
Dapibus ac facilisis in
इरोस येथे वेस्टिबुलम
वैशिष्ट्यपूर्ण
Cras justo odio
Dapibus ac facilisis in
इरोस येथे वेस्टिबुलम
Cras justo odio
Dapibus ac facilisis in
इरोस येथे वेस्टिबुलम
स्वयंपाक घरातले बेसिन
तुम्हाला आवश्यक असलेले कार्ड तयार करण्यासाठी एकाधिक सामग्री प्रकार मिक्स आणि जुळवा किंवा सर्वकाही तेथे टाका. खाली प्रतिमा शैली, ब्लॉक्स, मजकूर शैली आणि सूची गट दर्शविलेले आहेत - सर्व एका निश्चित-रुंदीच्या कार्डमध्ये गुंडाळलेले आहेत.
कार्ड शीर्षक
कार्डच्या शीर्षकावर तयार करण्यासाठी आणि कार्डच्या सामग्रीचा मोठा भाग तयार करण्यासाठी काही द्रुत उदाहरण मजकूर.
कार्ड प्रारंभ करण्यासाठी कोणतेही विशिष्ट गृहीत धरत नाहीत width, म्हणून अन्यथा नमूद केल्याशिवाय ते 100% रुंद असतील. तुम्ही सानुकूल CSS, ग्रिड क्लासेस, ग्रिड Sass मिक्सिन्स किंवा युटिलिटीजसह आवश्यकतेनुसार हे बदलू शकता.
ग्रिड मार्कअप वापरणे
ग्रिडचा वापर करून, कार्डे आवश्यकतेनुसार स्तंभ आणि पंक्तींमध्ये गुंडाळा.
विशेष शीर्षक उपचार
अतिरिक्त सामग्रीमध्ये नैसर्गिक लीड-इन म्हणून खालील मजकुरासह समर्थन.
कार्ड्समध्ये प्रतिमांसह कार्य करण्यासाठी काही पर्याय समाविष्ट आहेत. कार्डच्या दोन्ही टोकांना "इमेज कॅप्स" जोडणे, कार्ड सामग्रीसह प्रतिमा आच्छादित करणे किंवा कार्डमध्ये प्रतिमा एम्बेड करणे यापैकी निवडा.
इमेज कॅप्स
हेडर आणि फूटर प्रमाणेच, कार्ड्समध्ये वरच्या आणि खालच्या “इमेज कॅप्स”-कार्डच्या वरच्या किंवा तळाशी असलेल्या प्रतिमांचा समावेश असू शकतो.
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खाली समर्थन मजकूर असलेले हे एक विस्तृत कार्ड आहे. ही सामग्री थोडी मोठी आहे.
3 मिनिटांपूर्वी शेवटचे अपडेट केले
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खाली समर्थन मजकूर असलेले हे एक विस्तृत कार्ड आहे. ही सामग्री थोडी मोठी आहे.
3 मिनिटांपूर्वी शेवटचे अपडेट केले
प्रतिमा आच्छादन
इमेज कार्ड बॅकग्राउंडमध्ये बदला आणि तुमच्या कार्डचा मजकूर ओव्हरले करा. प्रतिमेवर अवलंबून, तुम्हाला अतिरिक्त शैली किंवा उपयुक्तता आवश्यक असू शकतात किंवा नसू शकतात.
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खाली समर्थन मजकूर असलेले हे एक विस्तृत कार्ड आहे. ही सामग्री थोडी मोठी आहे.
3 मिनिटांपूर्वी शेवटचे अपडेट केले
लक्षात ठेवा की सामग्री प्रतिमेच्या उंचीपेक्षा मोठी नसावी. सामग्री प्रतिमेपेक्षा मोठी असल्यास सामग्री प्रतिमेच्या बाहेर प्रदर्शित केली जाईल.
क्षैतिज
ग्रिड आणि युटिलिटी क्लासेसच्या संयोजनाचा वापर करून, कार्ड्स मोबाईल फ्रेंडली आणि रिस्पॉन्सिव्ह पद्धतीने क्षैतिज बनवता येतात. खालील उदाहरणात, आम्ही ग्रिड गटर काढून टाकतो आणि ब्रेकपॉइंटवर कार्ड आडवे करण्यासाठी वर्ग .no-guttersवापरतो . तुमच्या कार्ड सामग्रीवर अवलंबून पुढील समायोजने आवश्यक असू शकतात..col-md-*md
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खाली समर्थन मजकूर असलेले हे एक विस्तृत कार्ड आहे. ही सामग्री थोडी मोठी आहे.
3 मिनिटांपूर्वी शेवटचे अपडेट केले
कार्ड शैली
कार्ड्समध्ये त्यांची पार्श्वभूमी, सीमा आणि रंग सानुकूलित करण्यासाठी विविध पर्याय समाविष्ट आहेत.
कार्डच्या शीर्षकावर तयार करण्यासाठी आणि कार्डच्या सामग्रीचा मोठा भाग तयार करण्यासाठी काही द्रुत उदाहरण मजकूर.
शीर्षलेख
दुय्यम कार्ड शीर्षक
कार्डच्या शीर्षकावर तयार करण्यासाठी आणि कार्डच्या सामग्रीचा मोठा भाग तयार करण्यासाठी काही द्रुत उदाहरण मजकूर.
शीर्षलेख
यश कार्ड शीर्षक
कार्डच्या शीर्षकावर तयार करण्यासाठी आणि कार्डच्या सामग्रीचा मोठा भाग तयार करण्यासाठी काही द्रुत उदाहरण मजकूर.
शीर्षलेख
धोक्याचे कार्ड शीर्षक
कार्डच्या शीर्षकावर तयार करण्यासाठी आणि कार्डच्या सामग्रीचा मोठा भाग तयार करण्यासाठी काही द्रुत उदाहरण मजकूर.
शीर्षलेख
चेतावणी कार्ड शीर्षक
कार्डच्या शीर्षकावर तयार करण्यासाठी आणि कार्डच्या सामग्रीचा मोठा भाग तयार करण्यासाठी काही द्रुत उदाहरण मजकूर.
शीर्षलेख
माहिती कार्ड शीर्षक
कार्डच्या शीर्षकावर तयार करण्यासाठी आणि कार्डच्या सामग्रीचा मोठा भाग तयार करण्यासाठी काही द्रुत उदाहरण मजकूर.
शीर्षलेख
लाइट कार्ड शीर्षक
कार्डच्या शीर्षकावर तयार करण्यासाठी आणि कार्डच्या सामग्रीचा मोठा भाग तयार करण्यासाठी काही द्रुत उदाहरण मजकूर.
शीर्षलेख
गडद कार्ड शीर्षक
कार्डच्या शीर्षकावर तयार करण्यासाठी आणि कार्डच्या सामग्रीचा मोठा भाग तयार करण्यासाठी काही द्रुत उदाहरण मजकूर.
सहाय्यक तंत्रज्ञानाचा अर्थ सांगणे
अर्थ जोडण्यासाठी रंग वापरणे केवळ एक दृश्य संकेत प्रदान करते, जे सहाय्यक तंत्रज्ञानाच्या वापरकर्त्यांना - जसे की स्क्रीन वाचकांपर्यंत पोहोचवले जाणार नाही. याची खात्री करा की रंगाने दर्शविलेली माहिती एकतर सामग्रीमधूनच स्पष्ट आहे (उदा. दृश्यमान मजकूर), किंवा पर्यायी माध्यमांद्वारे समाविष्ट केली आहे, जसे की .sr-onlyवर्गात लपवलेला अतिरिक्त मजकूर.
सीमा
फक्त कार्ड बदलण्यासाठी बॉर्डर युटिलिटी वापरा . लक्षात ठेवा की खाली दर्शविल्याप्रमाणे तुम्ही पालकांवर वर्ग किंवा कार्डच्या सामग्रीचा उपसंच border-colorठेवू शकता ..text-{color}.card
शीर्षलेख
प्राथमिक कार्ड शीर्षक
कार्डच्या शीर्षकावर तयार करण्यासाठी आणि कार्डच्या सामग्रीचा मोठा भाग तयार करण्यासाठी काही द्रुत उदाहरण मजकूर.
शीर्षलेख
दुय्यम कार्ड शीर्षक
कार्डच्या शीर्षकावर तयार करण्यासाठी आणि कार्डच्या सामग्रीचा मोठा भाग तयार करण्यासाठी काही द्रुत उदाहरण मजकूर.
शीर्षलेख
यश कार्ड शीर्षक
कार्डच्या शीर्षकावर तयार करण्यासाठी आणि कार्डच्या सामग्रीचा मोठा भाग तयार करण्यासाठी काही द्रुत उदाहरण मजकूर.
शीर्षलेख
धोक्याचे कार्ड शीर्षक
कार्डच्या शीर्षकावर तयार करण्यासाठी आणि कार्डच्या सामग्रीचा मोठा भाग तयार करण्यासाठी काही द्रुत उदाहरण मजकूर.
शीर्षलेख
चेतावणी कार्ड शीर्षक
कार्डच्या शीर्षकावर तयार करण्यासाठी आणि कार्डच्या सामग्रीचा मोठा भाग तयार करण्यासाठी काही द्रुत उदाहरण मजकूर.
शीर्षलेख
माहिती कार्ड शीर्षक
कार्डच्या शीर्षकावर तयार करण्यासाठी आणि कार्डच्या सामग्रीचा मोठा भाग तयार करण्यासाठी काही द्रुत उदाहरण मजकूर.
शीर्षलेख
लाइट कार्ड शीर्षक
कार्डच्या शीर्षकावर तयार करण्यासाठी आणि कार्डच्या सामग्रीचा मोठा भाग तयार करण्यासाठी काही द्रुत उदाहरण मजकूर.
शीर्षलेख
गडद कार्ड शीर्षक
कार्डच्या शीर्षकावर तयार करण्यासाठी आणि कार्डच्या सामग्रीचा मोठा भाग तयार करण्यासाठी काही द्रुत उदाहरण मजकूर.
मिक्सन्स युटिलिटीज
तुम्ही कार्ड हेडर आणि फूटरवर आवश्यकतेनुसार बॉर्डर बदलू शकता आणि background-colorसोबत काढू शकता .bg-transparent.
शीर्षलेख
यश कार्ड शीर्षक
कार्डच्या शीर्षकावर तयार करण्यासाठी आणि कार्डच्या सामग्रीचा मोठा भाग तयार करण्यासाठी काही द्रुत उदाहरण मजकूर.
कार्ड लेआउट
कार्ड्समधील सामग्री स्टाइल करण्याव्यतिरिक्त, बूटस्ट्रॅपमध्ये कार्ड्सची मालिका मांडण्यासाठी काही पर्याय समाविष्ट आहेत. सध्या, हे लेआउट पर्याय अद्याप प्रतिसाद देणारे नाहीत .
कार्ड गट
समान रुंदी आणि उंची स्तंभांसह एकल, संलग्न घटक म्हणून कार्ड प्रस्तुत करण्यासाठी कार्ड गट वापरा. कार्ड गट स्टॅक केलेले सुरू होतात आणि ब्रेकपॉइंटपासून display: flex;सुरू होणार्या एकसमान परिमाणांसह संलग्न होण्यासाठी वापरतात.sm
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खाली समर्थन मजकूर असलेले हे एक विस्तृत कार्ड आहे. ही सामग्री थोडी मोठी आहे.
3 मिनिटांपूर्वी शेवटचे अपडेट केले
कार्ड शीर्षक
या कार्डमध्ये अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खाली समर्थन करणारा मजकूर आहे.
3 मिनिटांपूर्वी शेवटचे अपडेट केले
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खाली समर्थन मजकूर असलेले हे एक विस्तृत कार्ड आहे. या कार्डमध्ये समान उंचीची क्रिया दर्शविणारी पहिल्यापेक्षा आणखी लांब सामग्री आहे.
3 मिनिटांपूर्वी शेवटचे अपडेट केले
फूटरसह कार्ड गट वापरताना, त्यांची सामग्री आपोआप रांगेत जाईल.
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खाली समर्थन मजकूर असलेले हे एक विस्तृत कार्ड आहे. ही सामग्री थोडी मोठी आहे.
कार्ड शीर्षक
या कार्डमध्ये अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खाली समर्थन करणारा मजकूर आहे.
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खाली समर्थन मजकूर असलेले हे एक विस्तृत कार्ड आहे. या कार्डमध्ये समान उंचीची क्रिया दर्शविणारी पहिल्यापेक्षा आणखी लांब सामग्री आहे.
कार्ड डेक
एकमेकांशी संलग्न नसलेल्या समान रुंदी आणि उंचीच्या कार्डांचा संच हवा आहे? कार्ड डेक वापरा.
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खालील मजकुराचे समर्थन करणारे हे मोठे कार्ड आहे. ही सामग्री थोडी मोठी आहे.
3 मिनिटांपूर्वी शेवटचे अपडेट केले
कार्ड शीर्षक
या कार्डमध्ये अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खाली समर्थन करणारा मजकूर आहे.
3 मिनिटांपूर्वी शेवटचे अपडेट केले
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खाली समर्थन मजकूर असलेले हे एक विस्तृत कार्ड आहे. या कार्डमध्ये समान उंचीची क्रिया दर्शविणारी पहिल्यापेक्षा आणखी लांब सामग्री आहे.
3 मिनिटांपूर्वी शेवटचे अपडेट केले
कार्ड गटांप्रमाणेच, डेकमधील कार्ड फूटर आपोआप रांगेत येतील.
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खाली समर्थन मजकूर असलेले हे एक विस्तृत कार्ड आहे. ही सामग्री थोडी मोठी आहे.
कार्ड शीर्षक
या कार्डमध्ये अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खाली समर्थन करणारा मजकूर आहे.
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खाली समर्थन मजकूर असलेले हे एक विस्तृत कार्ड आहे. या कार्डमध्ये समान उंचीची क्रिया दर्शविणारी पहिल्यापेक्षा आणखी लांब सामग्री आहे.
ग्रिड कार्ड
तुम्ही प्रत्येक पंक्तीमध्ये किती ग्रिड कॉलम (तुमच्या कार्डभोवती गुंडाळलेले) दाखवता हे नियंत्रित करण्यासाठी बूटस्ट्रॅप ग्रिड सिस्टम आणि त्याचे .row-colsवर्ग वापरा. उदाहरणार्थ, येथे .row-cols-1एका स्तंभावर कार्डे घालणे आणि .row-cols-md-2मध्यम ब्रेकपॉईंट अप पासून अनेक पंक्तींमध्ये समान रुंदीमध्ये चार कार्डे विभाजित करणे.
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खालील मजकुराचे समर्थन करणारे हे मोठे कार्ड आहे. ही सामग्री थोडी मोठी आहे.
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खालील मजकुराचे समर्थन करणारे हे मोठे कार्ड आहे. ही सामग्री थोडी मोठी आहे.
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खालील मजकुराचे समर्थन करणारे हे मोठे कार्ड आहे.
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खालील मजकुराचे समर्थन करणारे हे मोठे कार्ड आहे. ही सामग्री थोडी मोठी आहे.
त्यात बदला .row-cols-3आणि तुम्हाला चौथे कार्ड रॅप दिसेल.
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खालील मजकुराचे समर्थन करणारे हे मोठे कार्ड आहे. ही सामग्री थोडी मोठी आहे.
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खालील मजकुराचे समर्थन करणारे हे मोठे कार्ड आहे. ही सामग्री थोडी मोठी आहे.
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खालील मजकुराचे समर्थन करणारे हे मोठे कार्ड आहे.
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खालील मजकुराचे समर्थन करणारे हे मोठे कार्ड आहे. ही सामग्री थोडी मोठी आहे.
जेव्हा आपल्याला समान उंचीची आवश्यकता असेल तेव्हा .h-100कार्ड्समध्ये जोडा. तुम्हाला डीफॉल्टनुसार समान उंची हवी असल्यास, तुम्ही $card-height: 100%Sass मध्ये सेट करू शकता.
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खालील मजकुराचे समर्थन करणारे हे मोठे कार्ड आहे. ही सामग्री थोडी मोठी आहे.
कार्ड शीर्षक
हे एक लहान कार्ड आहे.
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खालील मजकुराचे समर्थन करणारे हे मोठे कार्ड आहे.
कार्ड शीर्षक
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खालील मजकुराचे समर्थन करणारे हे मोठे कार्ड आहे. ही सामग्री थोडी मोठी आहे.
कार्ड स्तंभ
कार्डे फक्त CSS सह दगडी बांधकाम सारख्या स्तंभांमध्ये रॅप करून व्यवस्थापित केली जाऊ शकतात .card-columns. columnकार्डे सुलभ संरेखनासाठी फ्लेक्सबॉक्सऐवजी CSS गुणधर्मांसह तयार केली जातात . कार्डे वरपासून खालपर्यंत आणि डावीकडून उजवीकडे ऑर्डर केली जातात.
सावधान! कार्ड स्तंभांसह तुमचे मायलेज भिन्न असू शकते. कॉलममध्ये कार्डे तुटणे टाळण्यासाठी, आम्ही त्यांना अद्याप बुलेटप्रूफ उपाय नाही display: inline-blockम्हणून सेट केले पाहिजे.column-break-inside: avoid
कार्ड शीर्षक जे एका नवीन ओळीत गुंडाळले जाते
अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खालील मजकुराचे समर्थन करणारे हे मोठे कार्ड आहे. ही सामग्री थोडी मोठी आहे.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. पूर्णांक posuere erat a ante.
कार्ड शीर्षक
या कार्डमध्ये अतिरिक्त सामग्रीसाठी नैसर्गिक लीड-इन म्हणून खाली समर्थन करणारा मजकूर आहे.
3 मिनिटांपूर्वी शेवटचे अपडेट केले
Lorem ipsum dolor sit amet, consectetur adipiscing elit. पूर्णांक posuere erat.
कार्ड शीर्षक
या कार्डाचे नियमित शीर्षक आणि त्याखाली मजकुराचा छोटा परिच्छेद आहे.
3 मिनिटांपूर्वी शेवटचे अपडेट केले
Lorem ipsum dolor sit amet, consectetur adipiscing elit. पूर्णांक posuere erat a ante.
कार्ड शीर्षक
हे आणखी एक कार्ड आहे ज्याचे शीर्षक आणि खालील मजकुराचा आधार आहे. एकंदरीत थोडेसे उंच करण्यासाठी या कार्डमध्ये काही अतिरिक्त सामग्री आहे.
3 मिनिटांपूर्वी शेवटचे अपडेट केले
कार्ड स्तंभ काही अतिरिक्त कोडसह विस्तारित आणि सानुकूलित केले जाऊ शकतात. .card-columnsस्तंभांची संख्या बदलण्यासाठी प्रतिसादात्मक स्तरांचा संच तयार करण्यासाठी आम्ही वापरतो त्याच CSS वापरून वर्गाचा विस्तार खाली दर्शविला आहे—CSS स्तंभ.