NextIndexPrevious

Programs in Bootstrap

10. Bootstrap tables example. 

<html>
<head>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
</head>
<body>

<table class="table table-bordered">
  <tr>
    <td>Sno.</td>
    <td>Product</td>
    <td>Quantity</td>
  </tr>
  <tr>
    <td>1</td>
    <td>Laptop</td>
    <td>4</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Mobile</td>
    <td>9</td>
  </tr>
</table>

<br /><br />
<table class="table table-hover" border="1">
  <tr class="info">
    <td>Sno.</td>
    <td>Product</td>
    <td>Quantity</td>
  </tr>
  <tr>
    <td>1</td>
    <td>Laptop</td>
    <td>4</td>
  </tr>
  <tr class="info">
    <td>2</td>
    <td>Mobile</td>
    <td>9</td>
  </tr>
  <tr>
    <td>3</td>
    <td>TV</td>
    <td>1</td>
  </tr>
</table>

<script src="js/bootstrap.min.js"></script>
</body>
</html>
Output :

Sno. Product Quantity
1 Laptop 4
2 Mobile 9


Sno. Product Quantity
1 Laptop 4
2 Mobile 9
3 TV 1