मुख्य विषयवस्तु में जाएं
बूटस्ट्रैप 4 का एक नया संस्करण है!

उदाहरण

फ्रेमवर्क के कुछ हिस्सों से लेकर कस्टम घटकों और लेआउट तक हमारे किसी भी उदाहरण के साथ जल्दी से एक प्रोजेक्ट शुरू करें।

स्रोत कोड डाउनलोड करें

कस्टम घटक

लोगों को बूटस्ट्रैप के साथ शीघ्रता से आरंभ करने और ढांचे में जोड़ने के लिए सर्वोत्तम प्रथाओं का प्रदर्शन करने में मदद करने के लिए बिल्कुल नए घटक और टेम्पलेट।

एल्बम स्क्रीनशॉट
एल्बम

फोटो गैलरी, पोर्टफोलियो, और बहुत कुछ के लिए सरल एक-पृष्ठ टेम्पलेट।

मूल्य निर्धारण स्क्रीनशॉट
मूल्य निर्धारण

उदाहरण मूल्य निर्धारण पृष्ठ कार्ड के साथ बनाया गया है और एक कस्टम शीर्षलेख और पाद लेख की विशेषता है।

चेकआउट स्क्रीनशॉट
चेक आउट

कस्टम चेकआउट फॉर्म हमारे फॉर्म घटकों और उनकी सत्यापन सुविधाओं को दिखा रहा है।

उत्पाद स्क्रीनशॉट
उत्पाद

विस्तृत ग्रिड और छवि कार्य के साथ दुबला उत्पाद-केंद्रित विपणन पृष्ठ।

कवर स्क्रीनशॉट
ढकना

सरल और सुंदर होम पेज बनाने के लिए एक पेज का टेम्प्लेट।

हिंडोला स्क्रीनशॉट
हिंडोला

नावबार और हिंडोला को अनुकूलित करें, फिर कुछ नए घटक जोड़ें।

ब्लॉग स्क्रीनशॉट
ब्लॉग

शीर्ष लेख, नेविगेशन, विशेष रुप से प्रदर्शित सामग्री के साथ ब्लॉग टेम्पलेट जैसी पत्रिका।

डैशबोर्ड स्क्रीनशॉट
डैशबोर्ड

फिक्स्ड साइडबार और नेवबार के साथ बेसिक एडमिन डैशबोर्ड शेल।

साइन-इन स्क्रीनशॉट
साइन इन करें

एक साधारण साइन इन फॉर्म के लिए कस्टम फॉर्म लेआउट और डिज़ाइन।

स्टिकी फ़ुटर स्क्रीनशॉट
चिपचिपा पाद लेख

पृष्ठ सामग्री कम होने पर व्यूपोर्ट के नीचे एक पाद लेख संलग्न करें।

स्टिकी फूटर नेवबार स्क्रीनशॉट
चिपचिपा पाद लेख नवबार

फ़ुटर को व्यूपोर्ट के निचले भाग में एक निश्चित शीर्ष नेवबार के साथ संलग्न करें।

रूपरेखा

उदाहरण जो बूटस्ट्रैप द्वारा प्रदान किए गए अंतर्निहित घटकों के उपयोग को लागू करने पर ध्यान केंद्रित करते हैं।

स्टार्टर टेम्प्लेट स्क्रीनशॉट
स्टार्टर टेम्पलेट

मूल बातें के अलावा कुछ नहीं: संकलित सीएसएस और जावास्क्रिप्ट।

ग्रिड स्क्रीनशॉट
जाल

सभी चार स्तरों के साथ ग्रिड लेआउट के कई उदाहरण, नेस्टिंग, और बहुत कुछ।

जंबोट्रॉन स्क्रीनशॉट
jumbotron

जंबोट्रॉन के चारों ओर एक नेवबार और कुछ बुनियादी ग्रिड कॉलम बनाएं।

डिफ़ॉल्ट नेवबार घटक लेना और यह दिखाना कि इसे कैसे ले जाया जा सकता है, रखा जा सकता है और बढ़ाया जा सकता है।

नेवबार स्क्रीनशॉट
नवबार्स

नेवबार के लिए सभी उत्तरदायी और कंटेनर विकल्पों का प्रदर्शन।

नेवबार स्थिर स्क्रीनशॉट
नेवबार स्टेटिक

कुछ अतिरिक्त सामग्री के साथ एक स्थिर शीर्ष नावबार का एकल नावबार उदाहरण।

नेवबार फिक्स्ड स्क्रीनशॉट
नेवबार फिक्स

कुछ अतिरिक्त सामग्री के साथ फिक्स्ड टॉप नेवबार के साथ सिंगल नेवबार उदाहरण।

नेवबार बॉटम स्क्रीनशॉट
नवबार तल

कुछ अतिरिक्त सामग्री के साथ नीचे नेवबार के साथ सिंगल नेवबार उदाहरण।

प्रयोगों

उदाहरण जो भविष्य के अनुकूल सुविधाओं या तकनीकों पर ध्यान केंद्रित करते हैं।

फ़्लोटिंग लेबल स्क्रीनशॉट
फ्लोटिंग लेबल

आपके इनपुट पर फ्लोटिंग लेबल के साथ सुंदर सरल रूप।

ऑफकैनवास स्क्रीनशॉट
ऑफकैनवास

अपने विस्तार योग्य नेवबार को एक स्लाइडिंग ऑफकैनवास मेनू में बदलें।