Bootstrap Labels: পৃষ্ঠায় গণনা, টিপস বা মার্কআপ দেখানো

Bootstrap Labels ব্যবহার করে পৃষ্ঠায় সংখ্যা, টিপস বা অন্যান্য গুরুত্বপূর্ণ তথ্য হাইলাইট করা যায়। .label এবং .label-default ক্লাস ব্যবহার করে সহজে লেবেল তৈরি করা যায়।

উদাহরণ

নিচের কোডে হেডিংয়ের পাশে লেবেল হিসেবে সংখ্যা দেখানো হয়েছে:

<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap Example</title>
    <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="/scripts/jquery.min.js"></script>
    <script src="/bootstrap/js/bootstrap.min.js"></script>
  </head>
  </body>
    <h1>টিউটোরিয়াল     
      <span class="label label-default">150</span> 
    </h1>
    <h2>কুইজ     
      <span class="label label-default">90</span> 
    </h2>
  </body>
</html>

অন্যান্য লেবেল ক্লাস: label-primary, label-success, label-info, label-warning, label-danger ব্যবহার করে রঙিন লেবেল তৈরি করা যায়।

নোট: Bootstrap 4-এ লেবেল বাদ দিয়ে badge ক্লাস ব্যবহার করা হয়।