यह पोस्ट बूटस्ट्रैप में ब्लॉक हेल्प टेक्स्ट उदाहरणों के बारे में आपका मार्गदर्शन करेगी।
बूटस्ट्रैप ब्लॉक हेल्प टेक्स्ट क्या है?
बूटस्ट्रैप ब्लॉक हेल्प टेक्स्ट को 'का उपयोग करके बनाया जा सकता है' प्रपत्र-पाठ ' कक्षा। बूटस्ट्रैप 3 संस्करण में, ' help-block ” मदद पाठ जोड़ने के लिए कक्षा का उपयोग किया गया था।
बूटस्ट्रैप ब्लॉक हेल्प टेक्स्ट के प्रकार
सहायता पाठ निर्दिष्ट करने के लिए इन सूचीबद्ध प्रकार के तत्वों का उपयोग किया जा सकता है:
ब्लॉक एलिमेंट्स का उपयोग करके बूटस्ट्रैप ब्लॉक हेल्प टेक्स्ट कैसे जोड़ें?
ब्लॉक-स्तरीय तत्व, जैसे “ <दिव> ”, “ ”, या अधिक, सहायता पाठ जोड़ने के लिए उपयोग किया जा सकता है। इस उद्देश्य के लिए, ' प्रपत्र-पाठ 'वर्ग का प्रयोग किया जाता है। इस वर्ग में ' प्रदर्शन क्षेत्र ' संपत्ति। इसके अलावा, इसमें शीर्ष मार्जिन संपत्ति भी शामिल है जो टेक्स्ट को अन्य इनपुट फ़ील्ड से कुछ स्थान पर प्रदर्शित करने में मदद करती है।
उदाहरण
नीचे दिया गया उदाहरण देखें:
- जोड़ें ' <रूप> ” एक फॉर्म बनाने के लिए तत्व।
- इनपुट फ़ील्ड में कैप्शन शामिल करने के लिए, 'जोड़ें' <विस्तार> ' तत्व।
- उसके बाद, 'जोड़ें' <इनपुट> 'तत्व' के साथ प्रपत्र नियंत्रण ' और ' इनपुट क्षेत्र 'एक इनपुट फ़ील्ड बनाने के लिए।
- फिर, 'जोड़ें' <छोटा> 'कक्षाओं के साथ तत्व' प्रपत्र-पाठ ' और ' टेक्स्ट-म्यूट 'सहायता पाठ जोड़ने के लिए:
< अवधि > पास वर्ड दर्ज करें < / अवधि >
< इनपुट कक्षा = 'फॉर्म-कंट्रोल इनपुट-फील्ड' प्रकार = 'कूटशब्द' >
< डिव कक्षा = 'फॉर्म-टेक्स्ट टेक्स्ट-म्यूट' > आपका पासवर्ड 8 अक्षरों का होना चाहिए। < / डिव >
< / प्रपत्र >
उपरोक्त कोड स्निपेट में उपयोग की जाने वाली कक्षाएं यहां वर्णित हैं:
- ' प्रपत्र नियंत्रण ” वर्ग में इनपुट तत्वों के लिए कुछ वैश्विक स्टाइल शामिल हैं।
- ' प्रपत्र-पाठ ” क्लास हेल्प टेक्स्ट में स्टाइल जोड़ता है।
- ' टेक्स्ट-म्यूट ” मदद टेक्स्ट में सामान्य स्टाइल जोड़ता है।
उत्पादन
इनलाइन तत्वों का उपयोग करके बूटस्ट्रैप ब्लॉक सहायता पाठ कैसे जोड़ें?
इनलाइन तत्व जैसे ' <विस्तार> ' या ' <छोटा> ” का उपयोग वेब पेज पर सहायता पाठ जोड़ने के लिए किया जा सकता है।
उदाहरण
नीचे दिया गया उदाहरण 'के उपयोग को प्रदर्शित करता है' <छोटा> सहायता पाठ निर्दिष्ट करने के लिए 'इनलाइन तत्व:
< प्रपत्र कक्षा = 'फ़ॉर्म-इनलाइन' >< डिव कक्षा = 'रूप-समूह' >
< अवधि >अपना नाम दर्ज करें< / अवधि >
< इनपुट कक्षा = 'फॉर्म-कंट्रोल इनपुट-फ़ील्ड' प्रकार = 'कूटशब्द' >
< छोटा कक्षा = 'पाठ-म्यूट' > भरा जाना चाहिए।< / छोटा >
< / डिव >
< / प्रपत्र >
यह देखा जा सकता है कि सहायता पाठ सफलतापूर्वक जोड़ा गया है:
यह सब बूटस्ट्रैप ब्लॉक हेल्प टेक्स्ट के बारे में है।
निष्कर्ष
बूटस्ट्रैप में सहायता पाठ जोड़ने के लिए, “ प्रपत्र-पाठ ” क्लास का उपयोग ब्लॉक-लेवल हेल्प टेक्स्ट को जोड़ने के लिए किया जाता है। ' टेक्स्ट-म्यूट ” क्लास का उपयोग इनलाइन हेल्प टेक्स्ट बनाने के लिए किया जाता है। बूटस्ट्रैप 3 में, ' help-block 'वर्ग का प्रयोग किया जाता है। अधिक विशेष रूप से, सहायता पाठ को इनलाइन या ब्लॉक-स्तरीय तत्वों के साथ निर्दिष्ट किया जा सकता है। इस पोस्ट में उदाहरणों की मदद से बूटस्ट्रैप में हेल्प टेक्स्ट जोड़ने का तरीका बताया गया है।