बूटस्ट्रैप में लेबल और बैज

Question

बूटस्ट्रैप का उपयोग करके मैं हरे और लाल लेबल प्रदर्शित करना चाहता हूं जो संदर्भ वी या एक्स की तरह है।

वी वी होना चाहिए और एक्स लाल होना चाहिए।

मैंने निम्नलिखित कोड लिखा, लेकिन मैं बेहतर प्रभाव लेना चाहता हूं।

<span class="badge badge-success">V</span> 
<span class="badge badge-important">X</span> 

कोई विचार मुझे बूटस्ट्रैप का उपयोग करके इसे कैसे प्राप्त करना चाहिए?

बूटस्ट्रैप लेबल और बैज का उपयोग करके मुझे क्या मिलेगा इसका एक उदाहरण यहां दिया गया है।

Answer 1

यदि आप ट्विटर बूटस्ट्रैप (जो इसके लिए डिज़ाइन किया गया है), तो आप इस तरह कुछ करने के लिए सक्षम हो जाएगा के साथ फ़ॉन्ट भयानक (http://fortawesome.github.com/Font-Awesome/) संयोजन में उपयोग किया:

<i class="icon-ok-sign" style="color: green; font-size: 18pt;"></i> 
<i class="icon-remove-sign" style="color: red; font-size: 18pt;"></i> 
<br/><br/> 

<i class="icon-ok-circle" style="color: green; font-size: 18pt;"></i> 
<i class="icon-remove-circle" style="color: red; font-size: 18pt;"></i> 
<br/><br/> 

<i class="icon-ok" style="color: green; font-size: 14pt;"></i> 
<i class="icon-remove" style="color: red; font-size: 14pt;"></i> 

जो इसे आउटपुट करेगा:

या आप उचित रूप से शैली के लिए कहीं और परिभाषित सीएसएस वर्गों का उपयोग कर सकते हैं।

फ़ॉन्ट-भयानक एसवीजी छवियों पर आधारित है और वे किसी भी आकार (कारण और उपयोग के भीतर) तक स्केल करते हैं।
अब आप icnfnt का उपयोग कर डिफ़ॉल्ट रूप से उन सभी को शामिल करने के बजाय आपको आवश्यक आइकन भी सब्सक्राइब कर सकते हैं।