شارات
شارات هي مؤشرات رقمية من عدد العناصر ترتبط مع وصلة:
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> انها محاولة لنفسك » اختبر نفسك مع تمارين!
التمرين 1 » التمرين 2» التمرين 3 » التمرين 4»