बूटस्ट्रैप में ग्लिफ़कॉन्स क्या है?

विषयसूची:

बूटस्ट्रैप में ग्लिफ़कॉन्स क्या है?
बूटस्ट्रैप में ग्लिफ़कॉन्स क्या है?

वीडियो: बूटस्ट्रैप में ग्लिफ़कॉन्स क्या है?

वीडियो: बूटस्ट्रैप में ग्लिफ़कॉन्स क्या है?
वीडियो: बूटस्ट्रैप में ग्लिफ़िकॉन - बूटस्ट्रैप में ग्लिफ़िकॉन का उपयोग कैसे करें - बूटस्ट्रैप ट्यूटोरियल 2024, नवंबर
Anonim

ग्लिफ़िकॉन्स क्या हैं? Glyphicons आइकन फ़ॉन्ट हैं जिनका उपयोग आप अपने वेब प्रोजेक्ट में कर सकते हैं। Glyphicons Halflings मुफ़्त नहीं हैं और उन्हें लाइसेंस की आवश्यकता होती है, हालांकि उनके निर्माता ने उन्हें बूटस्ट्रैप प्रोजेक्ट्स के लिए निःशुल्क उपलब्ध कराया है।

ग्लिफ़िकॉन्स का क्या उपयोग है?

Glyphicons वेब प्रोजेक्ट्स में अधिक प्रभावी ढंग से और आसानी से समझने के लिए प्रतीकों और चिह्नों का एक सेट है। Glyphicons का उपयोग कुछ पाठ, प्रपत्र, बटन, नेविगेशन, और आदि के लिए किया जाता है।

ग्लिफ़िकॉन्स क्या है समझाएं कि आप वेब पेजों पर ग्लिफ़कॉन्स को कैसे रखते हैं?

ग्लिफ़िकॉन सिंटैक्स

वांछित ग्लिफ़िकॉन बनाने के लिए, सिंटैक्स का "नाम" भाग तदनुसार बदला जाना चाहिए। उदाहरण के लिए: यदि आप "लिफाफा" ग्लिफ़कॉन बनाना चाहते हैं, तो आपको निम्नलिखित सिंटैक्स लिखना होगा:

क्या मैं बूटस्ट्रैप 4 में ग्लिफ़िकॉन का उपयोग कर सकता हूँ?

बूटस्ट्रैप 4 की अपनी आइकन लाइब्रेरी नहीं है (बूटस्ट्रैप 3 से ग्लिफ़िकॉन बीएस4 में समर्थित नहीं हैं)। हालांकि, चुनने के लिए कई मुफ्त आइकन लाइब्रेरी हैं, जैसे कि Font Awesome और Google Material Design Icons।

आप प्रतिक्रिया में Glyphicons का उपयोग कैसे करते हैं?

2 उत्तर

  1. पैकेज स्थापित करें npm प्रतिक्रिया-बूटस्ट्रैप स्थापित करें --save-dev.
  2. इच्छित फ़ाइल में जहाँ आप अपना ग्लिफ़कॉन चाहते हैं: 'react-bootstrap/lib/Glyphicon' से Glyphicon आयात करें
  3. अब लिखें, यहाँ मैं 'खोज' आइकन का उदाहरण के रूप में उपयोग करता हूँ:

सिफारिश की: