কম্পিউটার টিউটোরিয়াল

Bootstrap Contextual Classes: টেবিল সারি ও সেলের ব্যাকগ্রাউন্ড রঙ পরিবর্তন


Bootstrap Contextual Classes ব্যবহার করে টেবিলের সারি (row) বা সেল (cell)-এর পটভূমির রঙ পরিবর্তন করা যায়। এটি ডেটা হাইলাইট করতে সাহায্য করে।

ক্লাস বর্ণনা
.active হভার রঙ প্রয়োগ করে নির্দিষ্ট সারি বা সেলে।
.success সফল বা ইতিবাচক ক্রিয়া নির্দেশ করে।
.warning সতর্কতা যা মনোযোগ আপेक्षा করে।
.danger বিপদজনক বা নেতিবাচক ক্রিয়া নির্দেশ করে।

উদাহরণ: .active ক্লাস

নিচের উদাহরণে একটি সারিতে active ক্লাস ব্যবহার করা হয়েছে:

<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap Table</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>
    <table class="table">
      <thead>
        <tr>
          <th>বিষয়</th>
          <th>নম্বর</th>
          <th>ছাত্র</th>
        </tr>
      </thead>
      <tbody>
        <tr class="active">
          <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>

অন্য ক্লাসগুলো (success, warning, danger) সারিতে একইভাবে ব্যবহার করুন।

  1. HTML colspan অ্যাট্রিবিউট

  2. HTML <center> ট্যাগ

  3. HTML <th> colspan অ্যাট্রিবিউট

  4. HTML <colgroup> ট্যাগ