बूटस्ट्रैप के उन पाठों के साथ रिस्पॉन्सिव वेब डिज़ाइन सीखें जिन्हें आप संपादित और पूर्वावलोकन कर सकते हैं। बूटस्ट्रैप कोड प्ले स्पष्टीकरण, उदाहरण कोड और एक प्लेग्राउंड को जोड़ता है ताकि आप यह जान सकें कि मार्कअप में बदलाव से पेज पर क्या प्रभाव पड़ता है।
पढ़ें, बदलें, पूर्वावलोकन करें
एक विषय चुनें, यह कैसे काम करता है, यह पढ़ें, फिर संपादक में इसका उदाहरण खोलने के लिए 'इसे आज़माएँ' पर टैप करें। एक क्लास बदलें, सामग्री को समायोजित करें या एक तत्व जोड़ें। परिणाम देखने के लिए पूर्वावलोकन खोलें, फिर एक और प्रयोग के लिए कोड पर वापस जाएँ।
बुनियादी तत्वों को जानें
रिस्पॉन्सिव ग्रिड, टाइपोग्राफी, बटन, अलर्ट, टेबल और फ़ॉर्म का अभ्यास करें। संबंधित लर्निंग ट्रैक में कार्ड, नेविगेशन बार, अकॉर्डियन और डायलॉग जैसे घटकों का अन्वेषण करें। निर्देशित पाठों में चरण, चुनौतियाँ और सामान्य गलतियाँ शामिल हैं ताकि आप कोड को केवल कॉपी करने के बजाय उसे समझ सकें। प्रोजेक्ट पाठ मूल्य निर्धारण अनुभाग और एक कॉम्पैक्ट डैशबोर्ड जैसे उदाहरणों में अवधारणाओं को एक साथ लाते हैं।
सीखने का तरीका चुनें
बंडल किए गए Bootstrap 5.3.8 ट्रैक का अध्ययन करें, या पुराने प्रोजेक्ट्स के लिए Bootstrap 4.6.2 और 3.4.1 का उपयोग करें। पुराने ट्रैक बंद हो चुके हैं और इन्हें सीखने और माइग्रेशन के लिए उपलब्ध कराया गया है। एक अलग Bootstrap 6 अल्फा ट्रैक प्रायोगिक है; इसके पूर्वावलोकन के लिए इंटरनेट एक्सेस और एक आधुनिक WebView की आवश्यकता है।
अभ्यास जारी रखें
विषयों को खोजें या श्रेणी के अनुसार ब्राउज़ करें। पाठों को पूर्ण के रूप में चिह्नित करें और प्रत्येक संस्करण के लिए अपनी पूर्णता संख्या देखें। अपने स्वयं के HTML प्रयोगों के लिए प्लेग्राउंड खोलें, एक फ़ाइल सहेजें और सहेजी गई फ़ाइलों के माध्यम से उस पर वापस जाएँ।
उपयोगी टूल से संपादित करें
उदाहरणों पर काम करते समय सिंटैक्स हाइलाइटिंग, अनडू और रीडू, फाइंड एंड रिप्लेस और गो टू लाइन का उपयोग करें। सेव ऐज़ एक अलग कॉपी रखता है, और शेयर कोड उपलब्ध शेयरिंग विकल्पों के माध्यम से एडिटर टेक्स्ट भेजता है।
छात्रों, स्व-निर्देशित शिक्षार्थियों और रिस्पॉन्सिव लेआउट्स को फिर से समझने वाले डेवलपर्स के लिए, ऐप एक व्यावहारिक लूप प्रदान करता है: एक स्पष्टीकरण पढ़ें, एक छोटा सा बदलाव करें और आउटपुट का निरीक्षण करें। इस ऐप में विज्ञापन शामिल हैं। बाहरी संसाधनों का संदर्भ देने वाले उदाहरणों के लिए इंटरनेट कनेक्शन आवश्यक है; दूरस्थ संसाधनों की उपलब्धता भिन्न हो सकती है।
निर्देशित पाठों, संपादन योग्य HTML और कोड पूर्वावलोकन के साथ रिस्पॉन्सिव लेआउट सीखें।
पिछली बार अपडेट होने की तारीख
25 अक्टू॰ 2026