इसके माध्यम से साझा किया गया

बूटस्ट्रैप अवलोकन

  • आलेख

बूटस्ट्रैप एक फ्रंट-एंड फ्रेमवर्क है जो आपको CSS नेविगेशन ,फॉर्म , और बटन जैसे सामान्य तत्वों के लिए तैयार-तैयार और जावास्क्रिप्ट घटकों के साथ वेब इंटरफेस डिजाइन करने में मदद करता है। इसमें एक उत्तरदायी ग्रिड लेआउट सिस्टम भी है जो आपकी साइट को विभिन्न स्क्रीन आकारों वाले उपकरणों, जैसे फोन और टैबलेट के लिए समायोजित करता है। बूटस्ट्रैप लेआउट सिस्टम का उपयोग करके, आप एक ऐसी साइट बना सकते हैं जो आपके ग्राहकों द्वारा उपयोग किए जाने वाले किसी भी डिवाइस पर अच्छी दिखेगी।

Power Pages टेम्पलेट्स न्यूनतम कस्टम शैलियों के साथ मानक बूटस्ट्रैप घटकों का उपयोग करते हैं। इन टेम्प्लेट्स का उपयोग करके, आप अपनी संपूर्ण साइट पर अपने ब्रांड और प्राथमिकताओं से मेल खाने के लिए थीम (फ़ॉन्ट, रंग, आदि) को आसानी से बदल सकते हैं।

Power Pages बूटस्ट्रैप संस्करण 3.3.6 और बूटस्ट्रैप संस्करण 5 का समर्थन करता है। बूटस्ट्रैप संस्करण 5 बेहतर उपयोगकर्ता अनुभव (UX) सुविधाएँ और अकॉर्डियन, ऑफकैनवस और RTL समर्थन जैसे नए घटक प्रदान करता है।

नई Power Pages साइटों के लिए, आपको अपने वातावरण में बूटस्ट्रैप संस्करण 5 सेट अप करना होगा। आप अपनी मौजूदा बूटस्ट्रैप संस्करण 3 वेबसाइटों को संस्करण 5 में भी स्थानांतरित कर सकते हैं।

Bootstrap कस्टमाइज़ करें

बूटस्ट्रैप को अनुकूलित करने के लिए, आप चरों के मान बदलते हैं और फिर अपने कस्टम मानों के साथ संकलित बूटस्ट्रैप का संस्करण डाउनलोड करते हैं।

बूटस्ट्रैप वैरिएबल्स की शक्ति यह है कि वे फ्रेमवर्क में सभी शैलियों को परिभाषित करते हैं, न कि केवल एक तत्व को। उदाहरण के लिए, वेरिएबल @font-size-base आपकी साइट पर टेक्स्ट का डिफ़ॉल्ट आकार निर्दिष्ट करता है—बॉडी टेक्स्ट, शीर्षक और अन्य सभी टेक्स्ट तत्व. H1 शीर्षक को @font-size-base के 300 प्रतिशत के रूप में परिभाषित किया जा सकता है। इस एक चर को सेट करके, आप अपनी वेबसाइट के संपूर्ण टाइपोग्राफिक पैमाने को सुसंगत तरीके से नियंत्रित करते हैं।

आप आधिकारिक बूटस्ट्रैप साइट के माध्यम से बूटस्ट्रैप का एक कस्टम संस्करण बना सकते हैं या किसी तीसरे पक्ष की साइट का उपयोग कर सकते हैं जो आसान इंटरफ़ेस या पूर्व-डिज़ाइन किए गए थीम प्रदान कर सकती है। आधिकारिक बूटस्ट्रैप कस्टमाइज़र साइट पर बूटस्ट्रैप अनुकूलन के बारे में अधिक जानकारी है।

जब आप बूटस्ट्रैप का अनुकूलित संस्करण डाउनलोड करते हैं, तो इसमें निम्नलिखित निर्देशिका संरचना होती है:

css/
    |-- bootstrap.min.css 
img/
    |-- glyphicons-halflings-white.png 
    |-- glyphicons-halflings.png 
js/ 
    |-- bootstrap.min.js

आपके द्वारा उपयोग किए गए कस्टमाइज़र अनुप्रयोग के आधार पर, निर्देशिका संरचना में केवल bootstrap.min.css हो सकता है। यह वह फ़ाइल है जिसमें आपके अनुकूलन शामिल हैं। अन्य फ़ाइलें बूटस्ट्रैप के सभी कस्टम संस्करणों के लिए समान हैं और आपकी वेबसाइट में पहले से ही शामिल हैं।

अगले कदम

भी देखें