बूटस्ट्रैप बैज और लेबल
बैज
बैज एक लिंक से जुड़े कितने आइटम के संख्यात्मक संकेतक हैं:
समाचार5टिप्पणियाँ10
अपडेट2
अंक (5, 10, और 2) बैज हैं।
बैज बनाने के लिए तत्वों के .badgeभीतर वर्ग का प्रयोग करें :<span>
उदाहरण
<a href="#">News <span class="badge">5</span></a><br>
<a href="#">Comments <span class="badge">10</span></a><br>
<a href="#">Updates <span class="badge">2</span></a>
बैज का उपयोग अन्य तत्वों के अंदर भी किया जा सकता है, जैसे कि बटन:
निम्न उदाहरण दिखाता है कि बटन में बैज कैसे जोड़ें:
उदाहरण
<button type="button" class="btn btn-primary">Primary <span class="badge">7</span></button>
लेबल
किसी चीज़ के बारे में अतिरिक्त जानकारी प्रदान करने के लिए लेबल का उपयोग किया जाता है:
उदाहरण नया
उदाहरण नया
उदाहरण नया
उदाहरण नया
उदाहरण नया
उदाहरण नया
एक लेबल बनाने के लिए कक्षा का उपयोग करें .label, उसके बाद छह प्रासंगिक वर्गों में से एक .label-default, .label-primary, .label-success,
.label-info, .label-warningया , तत्व के .label-dangerभीतर :<span>
उदाहरण
<h1>Example <span class="label label-default">New</span></h1>
<h2>Example <span class="label label-default">New</span></h2>
<h3>Example <span class="label label-default">New</span></h3>
<h4>Example <span class="label label-default">New</span></h4>
<h5>Example <span class="label label-default">New</span></h5>
<h6>Example <span class="label label-default">New</span></h6>
निम्न उदाहरण सभी प्रासंगिक लेबल वर्ग दिखाता है:
डिफ़ॉल्ट लेबल
प्राथमिक लेबल
सफलता लेबल
जानकारी लेबल
चेतावनी लेबल
खतरे का लेबल
उदाहरण
<span class="label label-default">Default Label</span>
<span class="label label-primary">Primary Label</span>
<span class="label label-success">Success Label</span>
<span class="label label-info">Info Label</span>
<span class="label label-warning">Warning Label</span>
<span class="label label-danger">Danger Label</span>