La classe de contexte de Bootstrap vous permet de modifier la couleur d'arrière-plan des lignes du tableau ou des cellules individuelles.
Voici les catégories :
| Catégorie | Description |
|---|---|
| .active | Appliquer une couleur de survol à des lignes ou des cellules spécifiques
|
| .succès
|
indique une opération réussie ou positive |
| avertissement | indique un avertissement qui peut nécessiter une attention |
| .danger | indique une opération dangereuse ou potentiellement négative . |
Voici un exemple de classe active :
Live Demo
<!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>Subject</th>
<th>Marks</th>
<th>Student</th>
</tr>
</thead>
<tbody>
<tr class = "active">
<td>Maths</td>
<td>90</td>
<td>Amit</td>
</tr>
<tr>
<td>Science</td>
<td>80</td>
<td>Aman</td>
</tr>
<tr>
<td>English</td>
<td>85</td>
<td>Rahul</td>
</tr>
</tbody>
</table>
</body>
</html>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Quelles sont les raisons pour lesquelles un téléphone portable a un numéro vide ?
Raisons de l'échec de la session
Introduction aux types de méthodes de soudage
Comment installer WordPress après l'avoir téléchargé
nvidia geforce 940mx
La différence entre les services distribués et les microservices
Comment déverrouiller le verrouillage par mot de passe sur votre téléphone Apple si vous l'oubliez
Comment utiliser la fonction de tri
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
