مدال ها(Badges) در بوت استرپ

با استفاده از badge ها می توان تعداد آیتم ها را نشان داد:


اعداد 5و10و2 مدال(badge) می باشند.

برای ایجاد مدال ها(badge) می توانید از کلاس 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>

خودتان امتحان کنید »

مدال ها(badge) می توانند درون عناصر دیگر، مانند دکمه ها، استفاده شوند:

مثال زیر نحوه ی اضافه کردن مدال ها(badge) را به دکمه ها نشان می دهد:

مثال (آیکن های نمادین بوت استرپ)

<button type="button" class="btn btn-primary">Primary <span class="badge">7</span></button>

خودتان امتحان کنید »