यह विकिहाउ गाइड आपको अपने कंप्यूटर पर बूटस्ट्रैप फाइल्स को डाउनलोड करना और अपने कोड में बूटस्ट्रैप एलिमेंट्स का इस्तेमाल करने के लिए उन्हें अपने एचटीएमएल टेक्स्ट से लिंक करना सिखाएगी। एक बार जब आप बूटस्ट्रैप फ़ाइलों को डाउनलोड और लिंक कर लेते हैं, तो आप अपने वेब डिज़ाइन में बूटस्ट्रैप के सभी स्टाइलशीट और जावास्क्रिप्ट तत्वों का उपयोग शुरू कर सकते हैं।
कदम
चरण 1. अपने इंटरनेट ब्राउज़र में बूटस्ट्रैप वेबसाइट खोलें।
एड्रेस बार में https://getbootstrap.com टाइप करें और अपने कीबोर्ड पर Enter या Return दबाएं।
चरण 2. डाउनलोड बटन पर क्लिक करें।
यह "डाउनलोड" पेज खोलेगा।
चरण 3. "संकलित सीएसएस और जेएस" के नीचे डाउनलोड बटन पर क्लिक करें।
" यह आपके कंप्यूटर पर ज़िप संग्रह के रूप में संपूर्ण बूटस्ट्रैप फ़ाइलें डाउनलोड करेगा।
यदि आपको संकेत दिया जाता है, तो बूटस्ट्रैप ज़िप के लिए एक बचत स्थान चुनें।
चरण 4. ज़िप संग्रह से फ़ाइलें निकालें।
वह ज़िप फ़ाइल ढूंढें जिसे आपने अभी डाउनलोड किया है, और उसमें मौजूद सभी फ़ाइलों को एक ही फ़ोल्डर में निकालने के लिए उस पर डबल-क्लिक करें।
- यह नाम के दो फ़ोल्डर निकालेगा " सीएसएस" तथा " जे एस."
- यदि आपका अनज़िपर ऐप स्वचालित रूप से फ़ाइलों को नहीं निकालता है, तो ज़िप संग्रह को निर्यात करने के सभी तरीकों को देखने के लिए इस लेख को देखें।
चरण 5. निकाले गए फ़ोल्डरों को उसी फ़ोल्डर में ले जाएं जहां आपकी वेबसाइट HTML फ़ाइलें हैं।
वह फ़ोल्डर खोलें जिसमें आपकी वेबसाइट की सभी HTML फ़ाइलें हों, और " सीएसएस" तथा " जे एस"फ़ोल्डर यहां उन्हें उसी फ़ोल्डर में ले जाने के लिए हैं जहां आपकी वेबसाइट के दस्तावेज़ हैं।
अब आप फ़ाइलों को अपनी HTML फ़ाइलों से लिंक कर सकते हैं, और अपने कोड में बूटस्ट्रैप का उपयोग शुरू कर सकते हैं।
चरण 6. उस HTML फ़ाइल पर राइट-क्लिक करें जिसे आप बूटस्ट्रैप के साथ उपयोग करना चाहते हैं।
आप बूटस्ट्रैप का उपयोग अपनी HTML फ़ाइलों में से केवल एक या उन सभी में कर सकते हैं।
चरण 7. राइट-क्लिक मेनू पर ओपन के साथ होवर करें।
संगत ऐप्स के साथ एक उप-मेनू पॉप अप होगा।
चरण 8. अपना टेक्स्ट एडिटर प्रोग्राम चुनें।
यह आपके टेक्स्ट एडिटर में चयनित HTML फाइल को खोलेगा।
आप एक साधारण टेक्स्ट एडिटर का उपयोग कर सकते हैं जैसे नोटपैड या पाठ संपादित करें साथ ही एक समर्पित कोड संपादक जैसे परमाणु (https://atom.io) या कोडा (https://panic.com/coda)।
चरण 9. अपने HTML फ़ाइल के शीर्षलेख में बूटस्ट्रैप लिंक जोड़ें।
अपने HTML में बूटस्ट्रैप कोड का उपयोग करने से पहले, आपको नीचे दी गई पंक्तियों को अपने कोड के हेडर में टाइप या पेस्ट करना होगा:
यदि आप css और js फ़ोल्डर से कुछ अन्य फ़ाइलों को लिंक और उपयोग करना चाहते हैं, तो बस हेडर में नई लाइनें जोड़ें, और css/bootstrap.css और js/bootstrap.js भागों को उन फ़ाइलों के नाम से बदलें जिन्हें आप चाहते हैं जोड़ना।
चरण 10. कोड में अपने बूटस्ट्रैप लिंक की नियुक्ति की जाँच करें।
HTML के हेडर में, दोनों लाइनें लाइन्स और लाइन के बीच स्थित होनी चाहिए।
- एक बार जब आप इन पंक्तियों को हेडर में जोड़ लेते हैं, तो आप इस HTML फ़ाइल में बूटस्ट्रैप तत्वों का उपयोग शुरू कर सकते हैं।
- आप सभी बूटस्ट्रैप तत्वों की पूरी सूची https://getbootstrap.com/docs/4.3/getting-started/introduction पर पा सकते हैं। किसी भी कैटेगरी पर क्लिक करें जैसे ख़ाका या अवयव बाएं मेनू पर।
- एक बार जब आप बूटस्ट्रैप स्थापित कर लेते हैं, तो आप यहां से कोड के किसी भी भाग को अपने कोड में सम्मिलित या कॉपी/पेस्ट कर सकते हैं।