In this tutorial, lets see how to create a table in Bootstrap framework.

 

<!DOCTYPE HTML>

<html>
<head>
    <link type=”text/css” rel=”stylesheet” href=”css/bootstrap.css”/>
</head>

<body>

<script src=”js/bootstrap.js”></script>
    
    <table class=”table”>
        <thead>
          <tr>
            <th>Type</th>
            <th>Make</th>
            <th>Colour</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>2-Wheeler</td>
            <td>1998 </td>
            <td>RED</td>
          </tr>
          <tr>
            <td>4-Wheeler</td>
            <td>2005</td>
            <td>BLUE</td>
          
          </tr>
          <tr>
            <td>4-Wheeler</td>
            <td>2012</td>
            <td>WHITE</td>
          
          </tr>
        </tbody>
      </table>
</body>
</html>
    
</body>
</html>

 

Change table class to table-striped

Change table class to table-hover