Bootstrap table-striped Class: টেবিলে টিৎকি সারি রঙ

.table-striped ক্লাস ব্যবহার করে টেবিলের সারিগুলো ব বাড়ি আলাদা রঙে দেখানো যায়, যা পঠনযোগ্যতা বাড়ায়। এটি .table ক্লাসের সাথে যোগ করে ব্যবহার করা হয়।

উদাহরণ

নিচের কোডে একটি স্ট্রিপড টেবিল তৈরি করা হয়েছে:

<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap Table</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
  </head>
  <body>
    <table class="table table-striped">
      <caption>ফুটবলার র‍্যাঙ্ক</caption>
      <thead>
        <tr>
          <th>ফুটবলার</th>
          <th>র‍্যাঙ্ক</th>
          <th>দেশ</th>
        </tr>
      </thead>
      <tbody>
        <tr><td>মেসি</td><td>১</td><td>আর্জেন্টিনা</td></tr>
        <tr><td>রোনাল্ডো</td><td>২</td><td>পর্তুগাল</td></tr>
        <tr><td>নেইমার</td><td>৩</td><td>ব্রাজিল</td></tr>
      </tbody>
    </table>
  </body>
</html>

ফলাফল: টেবিলের বোসর সারি হালকা রঙিন হবে, যা ডেটা পড়তে সুবিধা দেবে।