"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > बूटस्ट्रैप उपयोगिताएँ

बूटस्ट्रैप उपयोगिताएँ

2024-11-07 को प्रकाशित
ब्राउज़ करें:318

बूटस्ट्रैप यूटिलिटीज़ कक्षाओं का एक शक्तिशाली सेट है जो कस्टम सीएसएस लिखने की आवश्यकता के बिना आपकी वेबसाइट को स्टाइल करना आसान और तेज़ बनाता है। आइए मूल बातें जानें!

बूटस्ट्रैप उपयोगिताएँ क्या हैं?
बूटस्ट्रैप उपयोगिताएँ पूर्वनिर्धारित सीएसएस कक्षाएं हैं जिन्हें आप HTML तत्वों की उपस्थिति या व्यवहार को नियंत्रित करने के लिए सीधे लागू कर सकते हैं। ये उपयोगिताएँ रिक्ति, संरेखण, पाठ और बहुत कुछ जैसी चीज़ों के लिए उपयोगी हैं। अपना स्वयं का सीएसएस लिखने के बजाय, आप अपने तत्वों को शीघ्रता से स्टाइल करने के लिए इन कक्षाओं का उपयोग कर सकते हैं।

Bootstrap Utilities

सामान्य बूटस्ट्रैप उपयोगिताएँ
यहां सबसे अधिक उपयोग की जाने वाली कुछ बूटस्ट्रैप उपयोगिताएँ दी गई हैं:

स्पेसिंग (मार्जिन और पैडिंग)

एम- और पी-वर्ग क्रमशः मार्जिन और पैडिंग को नियंत्रित करते हैं।
उदाहरण: एमटी-3 शीर्ष पर मार्जिन जोड़ता है, एमबी-4 नीचे मार्जिन जोड़ता है, और पी-2 चारों ओर पैडिंग जोड़ता है।

पाठ संरेखण

टेक्स्ट को संरेखित करने के लिए टेक्स्ट-लेफ्ट, टेक्स्ट-सेंटर और टेक्स्ट-राइट जैसी कक्षाओं का उपयोग करें।

प्रदर्शन

डी-वर्ग किसी तत्व की प्रदर्शन संपत्ति को नियंत्रित करते हैं, जैसे डी-कोई नहीं (तत्व छिपाएं) या डी-ब्लॉक (इसे ब्लॉक-स्तरीय तत्व बनाएं)।

फ्लेक्सबॉक्स

बूटस्ट्रैप का डी-फ्लेक्स वर्ग एक तत्व को फ्लेक्स कंटेनर में बदल देता है, और आप लेआउट को नियंत्रित करने के लिए अन्य फ्लेक्स उपयोगिताओं का उपयोग कर सकते हैं।
उदाहरण:

वस्तुओं को उनके बीच रिक्त स्थान के साथ वितरित करता है।

रंग

बीजी- और टेक्स्ट-क्लास पृष्ठभूमि और टेक्स्ट रंग लागू करते हैं।

सीमाएं

तत्वों से बॉर्डर जोड़ने या हटाने के लिए बॉर्डर उपयोगिताओं का उपयोग करें।

Bootstrap Utilities

बूटस्ट्रैप यूटिलिटीज का उपयोग क्यों करें?

गति: वे आपका समय बचाते हैं क्योंकि आपको सामान्य कार्यों के लिए कस्टम सीएसएस लिखने की ज़रूरत नहीं है।
संगति: वे आपकी वेबसाइट पर लगातार स्टाइल बनाए रखने में मदद करते हैं।
उत्तरदायी डिज़ाइन: कई उपयोगिताएँ उत्तरदायी हैं, जिसका अर्थ है कि वे स्क्रीन आकार के आधार पर स्वचालित रूप से समायोजित हो जाती हैं।

अंतिम सुझाव:

उपयोगिताओं को संयोजित करें: वांछित शैली प्राप्त करने के लिए आप एक ही तत्व पर कई उपयोगिताओं को मिश्रित और मिलान कर सकते हैं।
दस्तावेज़ जाँचें: बूटस्ट्रैप का दस्तावेज़ आपका सबसे अच्छा मित्र है। इसमें प्रत्येक उपयोगिता के लिए विस्तृत उदाहरण और स्पष्टीकरण हैं।

इतना ही! बूटस्ट्रैप उपयोगिताओं के साथ, आप सीएसएस में गहराई तक जाने की आवश्यकता के बिना अपनी वेबसाइट को तुरंत स्टाइल कर सकते हैं। जैसे-जैसे आप अधिक सहज होते जाएंगे, आप पाएंगे कि ये उपयोगिताएँ उत्तरदायी, स्टाइलिश वेबसाइट बनाने के लिए अविश्वसनीय रूप से शक्तिशाली हैं। हैप्पी कोडिंग!

Bootstrap Utilities

विज्ञप्ति वक्तव्य इस लेख को पुन: प्रस्तुत किया गया है: https://dev.to/waleedh/bootstrap-utilities-101-2hkk?1 यदि कोई उल्लंघन है, तो कृपया इसे हटाने के लिए [email protected] पर संपर्क करें।
नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3