Bootstrap 5 মেডেল
- পূর্ববর্তী পৃষ্ঠা BS5 বাটন গোষ্ঠী
- পরবর্তী পৃষ্ঠা BS5 প্রগতির ট্যাব
মেডেল
মেডেল (ব্যাডজ) বিষয়গুলিতে অতিরিক্ত তথ্য যোগ করার জন্য ব্যবহৃত হয়:
এখানে <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>
- পূর্ববর্তী পৃষ্ঠা BS5 বাটন গোষ্ঠী
- পরবর্তী পৃষ্ঠা BS5 প্রগতির ট্যাব
