Bootstrap 5 โรงงาน
- পূর্ববর্তী পৃষ্ঠা BS5 প্রগ্রেস বার
- পরবর্তী পৃষ্ঠা BS5 পেজিনেশন
লোডার
spinner/লোডার তৈরি করতে ব্যবহার করুন: .স্পিনার-বর্ডার শ্রেণী:
ইনস্ট্রাঞ্জ
<div class="স্পিনার-বর্ডার"></div>
রঙবৃত্ত লোডার
কোনো টেক্স্ট রঙ ব্যবহার করে spinner-কে রঙ যোগ করুন:
ইনস্ট্রাঞ্জ
<div class="স্পিনার-বর্ডার-টেক্স্ট-মুট"></div> <div class="স্পিনার-বর্ডার-টেক্স্ট-প্রাইমারি"></div> <div class="স্পিনার-বর্ডার-টেক্স্ট-সাক্ষাৎকার"></div> <div class="স্পিনার-বর্ডার-টেক্স্ট-ইনফো"></div> <div class="স্পিনার-বর্ডার-টেক্স্ট-ওয়ার্নিং"></div> <div class="স্পিনার-বর্ডার-টেক্স্ট-ডার্জন"></div> <div class="স্পিনার-বর্ডার-টেক্স্ট-সেকেন্ডারি"></div> <div class="স্পিনার-বর্ডার-টেক্স্ট-ডার্ক"></div> <div class="স্পিনার-বর্ডার-টেক্স্ট-লাইট"></div>
বৃদ্ধি পাওয়া লোডার
আপনি যদি spinner/লোডারকে 'স্পিন' না জানাতে চান, তবে ব্যবহার করুন .স্পিনার-গ্রো শ্রেণী:
ইনস্ট্রাঞ্জ
<div class="স্পিনার-গ্রো-টেক্স্ট-মুট"></div> <div class="spinner-grow text-primary"></div> <div class="spinner-grow text-success"></div> <div class="spinner-grow text-info"></div> <div class="spinner-grow text-warning"></div> <div class="spinner-grow text-danger"></div> <div class="spinner-grow text-secondary"></div> <div class="spinner-grow text-dark"></div> <div class="spinner-grow text-light"></div>
লোডার মাপ
ব্যবহার করুন .spinner-border-sm বা .spinner-grow-sm ছোট লোডার তৈরি করুন:
ইনস্ট্রাঞ্জ
<div class="spinner-border spinner-border-sm"></div> <div class="spinner-grow spinner-grow-sm"></div>
লোডার বাটন
আপনি বাটনে লোডার যুক্ত করতে পারেন, সবশরুতি টেক্সট থাকা না কেন:
ইনস্ট্রাঞ্জ
<button class="btn btn-primary"> <span class="spinner-border spinner-border-sm"></span> </button> <button class="btn btn-primary"> <span class="spinner-border spinner-border-sm"></span> লোডিং.. </button> <button class="btn btn-primary" disabled> <span class="spinner-border spinner-border-sm"></span> লোডিং.. </button> <button class="btn btn-primary" disabled> <span class="spinner-grow spinner-grow-sm"></span> লোডিং.. </button>
- পূর্ববর্তী পৃষ্ঠা BS5 প্রগ্রেস বার
- পরবর্তী পৃষ্ঠা BS5 পেজিনেশন
