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">বিকল্প 1</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>বিকল্প ১
  <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">বিকল্প ২
  <label class="form-check-label" for="radio2"></label>
</div>
<div class="form-check">
  <input type="radio" class="form-check-input" disabled>বিকল্প ৩
  <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">ডার্ক মোড</label>
</div>

আপনার নিজেই প্রয়োগ করুন