জয়েন লগইন

বুটস্ট্র্যাপ table-hover

🌈বুটস্ট্র্যাপ table-hover কি?

📋বুটস্ট্র্যাপ table-hover হলো মাউস পয়েন্টারহাইলাইট করার পদ্ধতি।

⚒️বুটস্ট্র্যাপ table-hover মাউস পয়েন্টারহাইলাইট করতে ব্যবহৃত হয়।

বুটস্ট্র্যাপ table-hover মাউস পয়েন্টারহাইলাইট করার উদাহরণ।

bootstrap
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>

<table class="table table-hover">
  <tr>
    <th>আইডি</th>
    <th>নাম</th>
    <th>দেশ</th>
  </tr>
  <tr>
    <td>10</td>
    <td>তানিম</td>
    <td>বাংলাদেশ</td>
  </tr>
  <tr>
    <td>11</td>
    <td>জোহান</td>
    <td>নেদারল্যান্ড</td>
  </tr>
  <tr>
    <td>12</td>
    <td>হামিদ</td>
    <td>আফগানিস্তান</td>
  </tr>
  <tr>
    <td>13</td>
    <td>সাকিব</td>
    <td>বাংলাদেশ</td>
  </tr>
</table>

</body>
</html>