twitter-bootstrap
बूटस्ट्रैप बैज और लेबल

बैज

बैज एक संख्या के साथ कितने आइटम जुड़े हुए हैं, इसके संख्यात्मक संकेतक हैं:

बैज बनाने के लिए <span> तत्वों के भीतर .badge वर्ग का उपयोग करें:

<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-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>