बूटस्ट्रैप - बैज
यह अध्याय बूटस्ट्रैप बैज के बारे में चर्चा करेगा। बैज लेबल के समान हैं; प्राथमिक अंतर यह है कि कोने अधिक गोल हैं।
बैज मुख्य रूप से नई या अपठित वस्तुओं को उजागर करने के लिए उपयोग किया जाता है। बैज का उपयोग करने के लिए बस जोड़ें<span class = "badge"> लिंक के लिए, बूटस्ट्रैप नेवी, और बहुत कुछ।
निम्न उदाहरण यह प्रदर्शित करता है -
<a href = "#">Mailbox <span class = "badge">50</span></a>
जब कोई नया या अपठित आइटम नहीं है, तो बैज बस सीएसएस के माध्यम से ढह जाएगा :empty चयनकर्ता, बशर्ते कोई सामग्री भीतर मौजूद न हो।
सक्रिय नव राज्यों
आप गोली के सक्रिय राज्यों में बैज लगा सकते हैं और नाविकों की सूची बना सकते हैं। आप इसे प्राप्त करके प्राप्त कर सकते हैं<span class = "badge"> सक्रिय लिंक के लिए, जैसा कि निम्नलिखित उदाहरण में दिखाया गया है -
<h4>Example for Active State in Pill </h4>
<ul class = "nav nav-pills">
<li class = "active"><a href = "#">Home <span class ="badge">42</span></a></li>
<li><a href = "#">Profile</a></li>
<li><a href = "#">Messages <span class = "badge">3</span></a></li>
</ul>
<br>
<h4>Example for Active State in navigations</h4>
<ul class = "nav nav-pills nav-stacked" style = "max-width: 260px;">
<li class = "active">
<a href = "#">
<span class = "badge pull-right">42</span>
Home
</a>
</li>
<li><a href = "#">Profile</a></li>
<li>
<a href = "#">
<span class = "badge pull-right">3</span>
Messages
</a>
</li>
</ul>