Heim > Web-Frontend > HTML-Tutorial > Bootstrap-Kontextklasse

Bootstrap-Kontextklasse

PHPz
Freigeben: 2023-08-30 08:45:07
nach vorne
793 Leute haben es durchsucht

Bootstrap-Kontextklasse

Mit der Kontextklasse von Bootstrap können Sie die Hintergrundfarbe von Tabellenzeilen oder einzelnen Zellen ändern.

Hier sind die Kategorien:

<!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>
Nach dem Login kopieren
Kategorie

Beschreibung

.aktiv

Hoverfarbe auf bestimmte Zeilen oder Zellen anwenden

.Erfolg

weist auf einen erfolgreichen oder positiven Vorgang hin.

. Warnung.

weist auf eine Warnung hin, die möglicherweise Aufmerksamkeit erfordert

Beispiel

Das Folgende ist ein Beispiel für einen aktiven Unterricht:

Beispiel

Live-Demo

Das obige ist der detaillierte Inhalt vonBootstrap-Kontextklasse. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage