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 |
Father of JavaScript
