Bootstrap 5 အမှူ

အဆင်းသတ်မှတ်

အဆင်းသတ်မှတ် (ဘီဂျီဂျီအေဂျီ) သည် အသုံးပြုသည့် အရွက်တွင် အသေးစိတ်သတင်းပေးရန် အသုံးပြုပါ

အဆင်းသတ်မှတ် <span> အရွက်တွင် အသုံးပြု .badge အခြား ပြင်ပတ်ဝန်းကျင် အဆင်းသတ်မှတ် ( .bg-secondary） အပေါ်လွှတ် အဆင်းသတ်မှတ်ပုံစံကို ဖွင့်ပေးပါ။ အဆင်းသတ်မှတ်ပုံစံသည် အဖိုင်အရာအရ အစိတ်အစိတ်ကို လျှော့ကျပေးသည် (အရှိသည့်အတွက်):

အကျိုးသက်ခြင်း

<h1>အကျိုးသတ်မှတ်သည့် ရုပ်ရှင် <span class="badge bg-secondary">အသစ်</span></h1>
<h2>အကျိုးသတ်မှတ်သည့် ရုပ်ရှင် <span class="badge bg-secondary">အသစ်</span></h2>
<h3>အကျိုးသတ်မှတ်သည့် ရုပ်ရှင် <span class="badge bg-secondary">အသစ်</span></h3>
<h4>အကျိုးသတ်မှတ်သည့် ရုပ်ရှင် <span class="badge bg-secondary">အသစ်</span></h4>
<h5>အကျိုးသတ်မှတ်သည့် ရုပ်ရှင် <span class="badge bg-secondary">အသစ်</span></h5>
<h6>အကျိုးသတ်မှတ်သည့် ရုပ်ရှင် <span class="badge bg-secondary">အသစ်</span></h6>

ကိုယ်တိုင် စမ်းသပ်ကြည့်

ပြင်ပတ်ဝန်းကျင် အဆင်းသတ်မှတ်

တူညီသော ပြင်ပတ်ဝန်းကျင်အသုံးပြုပါ.bg-*) ပုံစံသတ်မှတ်သည့် အရွက်ဖြင့် အဆင်းသတ်မှတ်ပြီးပြီ

အကျိုးသက်ခြင်း

<span class="badge bg-primary">အဓိက</span>
<span class="badge bg-secondary">တန်ဖိုးရှိ</span>
<span class="badge bg-success">အောင်မြင်</span>
<span class="badge bg-danger">အကျဥ်း</span>
<span class="badge bg-warning">အကြမ်းဖက်</span>
<span class="badge bg-info">သတင်း</span>
<span class="badge bg-light">အပြင်ဘက်</span>
<span class="badge bg-dark">ရှူးစင်</span>

ကိုယ်တိုင် စမ်းသပ်ကြည့်

အဆိုပါ အရင်းအမြစ်

အသုံးပြု .rounded-pill လက္ခဏာ အသုံးပြု၍ လက္ခဏာ အနည်းငယ်အောင် အပေါ်လွှား

အကျိုးသက်ခြင်း

<span class="badge rounded-pill bg-primary">အခြေခံ</span>
<span class="badge rounded-pill bg-secondary">ကန့်ကွက်</span>
<span class="badge rounded-pill bg-success">အောင်မြင်</span>
<span class="badge rounded-pill bg-danger">အကျဥ်း</span>
<span class="badge rounded-pill bg-warning">အကြမ်းဖက်</span>
<span class="badge rounded-pill bg-info">သတင်း</span>
<span class="badge rounded-pill bg-light">အပြင်ဘက်</span>
<span class="badge rounded-pill bg-dark">ရှူးစင်</span>

ကိုယ်တိုင် စမ်းသပ်ကြည့်

အဆိုပါ အရင်းအမြစ်

စာရင်းလုံး အတွင်း လက္ခဏာ အသုံးပြုခြင်း သုံးစွဲ

အကျိုးသက်ခြင်း

<button type="button" class="btn btn-primary">
  အမှတ် <span class="badge bg-danger">4</span>
</button>

ကိုယ်တိုင် စမ်းသပ်ကြည့်