twitter-bootstrap
Glyphicons

टिप्पणियों

ग्लिफ़िकॉन का उपयोग कैसे करें

ट्विटर बूटस्ट्रैप ग्लिफ़िकॉन नामक आइकन का समर्थन करता है और उन्हें HTML के सभी टैग के साथ उपयोग किया जा सकता है।

सभी आइकन को आधार वर्ग और व्यक्तिगत आइकन वर्ग की आवश्यकता होती है।

ध्यान रखें कि आइकन कक्षाओं को सीधे अन्य घटकों के साथ नहीं जोड़ा जा सकता है, इसलिए हमेशा आंतरिक <span></span> टैग का उपयोग करें।

यदि आपके HTML कोड में बाल तत्व हैं तो आप उस विशेष टैग के लिए आइकन कक्षाओं का उपयोग करने में सक्षम नहीं हैं।

उदाहरण

उदाहरण के लिए, आप बूटस्ट्रैप बटन बना रहे हैं, तो इस बटन का सिंटैक्स इस तरह होना चाहिए:

<button type="button" class="btn btn-default btn-lg">
   Star
</button>

तो ऊपर के उदाहरण में एक साधारण बूटस्ट्रैप बटन बनाया गया है, लेकिन अब आप इस बटन में एक ग्लिफ़िकॉन जोड़ना चाहते हैं, इसके लिए बस एक <span> तत्व को <button> टैग के अंदर जोड़ें। ऐशे ही:

<button type="button" class="btn btn-default btn-lg">
       <span class="glyphicon glyphicon-star" aria-hidden="true"></span>Star
</button>