Bootstrap table-hover class

Using the .table-hover class, a light gray background will be added to rows while the cursor hovers over them.

You can try to run the following code to implement the table-hover class −


Live Demo

<!DOCTYPE html>
      <title>Bootstrap Table</title>
      <meta name = "viewport" content = "width=device-width, initial-scale = 1">
      <link rel = "stylesheet" href = "">
      <script src = ""></script>
      <script src = ""></script>
      <table class = "table table-hover table-bordered table-striped">
         <caption>Footballer Rank</caption>