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) সারিতে একইভাবে ব্যবহার করুন।