Bootstrap 5 ချွတ်ချက်/စာချုပ်

ခွင့်အထား

သင့်သည် အသုံးပြုသူ က အဆိုပါ ပြင်ဆင်း စာရင်း မှ ရွေးချယ် နိုင်သော ခွင့်အထား အရာ အတန်ပို ရွေးချယ် သင့်လျှင်

အကျိုးသတင်း

<div class="form-check">
  <input class="form-check-input" type="checkbox" id="check1" name="option1" value="something" checked>
  <label class="form-check-label">ရွေးချယ် ၁</label>
</div>

ကိုယ်တိုင် စစ်ဆေးမည်

အကျိုးသက်ရောက်မှု ပြောဆို

သင့်သည် ခွင့်အထား ဖြည့်စင် ရန် class="form-check" အပေးအသွား အဆိုပါ အရာများ ကို အခြေခံ အရာ အား အသိအမှတ် ပြုလုပ် ရန်

နောက်ပြီး .form-check-label သတ်မှတ်ပါ အလိုက်မှု အဆိုပါ အချက်အလက် သို့ .form-check-input ထပ်ပေးပါ .form-check အပေါ်အပ်သုံး အပေါ်မူ သုံးပြုပါ

အခြေအနေ မူကြမ်း အရ ရွေးချယ်စားသုံးစံ ကို ရွေးချယ်စားသုံးစံ ပုံစံ ဖြင့် သုံးပြုပါ checked အချက်အလက်

ရွေးချယ်စားသုံးစံ

အခြေအနေ တစ်ခုတည်း သာ သုံးပြုရန် သို့ ကိုယ်တိုင် ရွေးချယ်စားသုံးစံ အသုံးပြုပါ

အကျိုးသတင်း

<div class="form-check">
  <input type="radio" class="form-check-input" id="radio1" name="optradio" value="option1" checked>ရွေးချယ်စားသုံးစံ 1
  <label class="form-check-label" for="radio1"></label>
</div>
<div class="form-check">
  <input type="radio" class="form-check-input" id="radio2" name="optradio" value="option2">ရွေးချယ်စားသုံးစံ 2
  <label class="form-check-label" for="radio2"></label>
</div>
<div class="form-check">
  <input type="radio" class="form-check-input" disabled>ရွေးချယ်စားသုံးစံ 3
  <label class="form-check-label"></label>
</div>

ကိုယ်တိုင် စစ်ဆေးမည်

ပြောင်းလဲကြိုး

အခြေအနေ ကို ချွတ်လုပ်သုံး ရွေးချယ်စားသုံးစံ ပေါ်မူ ကို ကိုယ်တိုင် ရွေးချယ်စားသုံးစံ ပုံစံ ဖြင့် သုံးပြုပါ .form-switch အကိုးအချုပ် နှင့် .form-check အပေါ်အပ်သုံး

အကျိုးသတင်း

<div class="form-check form-switch">
  <input class="form-check-input" type="checkbox" id="mySwitch" name="darkmode" value="yes" checked>
  <label class="form-check-label" for="mySwitch">မျက်နှာချိန် လျှော့သုံး
</div>

ကိုယ်တိုင် စစ်ဆေးမည်