<!DOCTYPE html>
<html>
<head>
<title>Basic Table</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<table class="table">
<thead>
<tr>
<th>S.No</th>
<th>Name</th>
<th>Website</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Free Time Learn</td>
<td>www.freetimelearn.com</td>
</tr>
<tr>
<td>2</td>
<td>Free Time Learning</td>
<td>www.freetimelearning.com</td>
</tr>
<tr>
<td>3</td>
<td>FreeTimeLearn</td>
<td>www.freetimelearning.xyz</td>
</tr>
</tbody>
</table>
</body>
</html>
S.No | Name | Website |
---|---|---|
1 | Free Time Learn | www.freetimelearn.com |
2 | Free Time Learning | www.freetimelearning.com |
3 | FreeTimeLearn | www.freetimelearning.xyz |
<!DOCTYPE html>
<html>
<head>
<title>Bordered Table</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<table class="table table-bordered">
<thead>
<tr>
<th>S.No</th>
<th>Name</th>
<th>Website</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Free Time Learn</td>
<td>www.freetimelearn.com</td>
</tr>
<tr>
<td>2</td>
<td>Free Time Learning</td>
<td>www.freetimelearning.com</td>
</tr>
<tr>
<td>3</td>
<td>FreeTimeLearn</td>
<td>www.freetimelearning.xyz</td>
</tr>
</tbody>
</table>
</body>
</html>
S.No | Name | Website |
---|---|---|
1 | Free Time Learn | www.freetimelearn.com |
2 | Free Time Learning | www.freetimelearning.com |
3 | FreeTimeLearn | www.freetimelearning.xyz |
<!DOCTYPE html>
<html>
<head>
<title>Striped Table</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<table class="table table-striped">
<thead>
<tr>
<th>S.No</th>
<th>Name</th>
<th>Website</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Free Time Learn</td>
<td>www.freetimelearn.com</td>
</tr>
<tr>
<td>2</td>
<td>Free Time Learning</td>
<td>www.freetimelearning.com</td>
</tr>
<tr>
<td>3</td>
<td>FreeTimeLearn</td>
<td>www.freetimelearning.xyz</td>
</tr>
</tbody>
</table>
</body>
</html>
S.No | Name | Website |
---|---|---|
1 | Free Time Learn | www.freetimelearn.com |
2 | Free Time Learning | www.freetimelearning.com |
3 | FreeTimeLearn | www.freetimelearning.xyz |
<!DOCTYPE html>
<html>
<head>
<title>Hover Rows</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<table class="table table-hover">
<thead>
<tr>
<th>S.No</th>
<th>Name</th>
<th>Website</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Free Time Learn</td>
<td>www.freetimelearn.com</td>
</tr>
<tr>
<td>2</td>
<td>Free Time Learning</td>
<td>www.freetimelearning.com</td>
</tr>
<tr>
<td>3</td>
<td>FreeTimeLearn</td>
<td>www.freetimelearning.xyz</td>
</tr>
</tbody>
</table>
</body>
</html>
S.No | Name | Website |
---|---|---|
1 | Free Time Learn | www.freetimelearn.com |
2 | Free Time Learning | www.freetimelearning.com |
3 | FreeTimeLearn | www.freetimelearning.xyz |
<!DOCTYPE html>
<html>
<head>
<title>Condensed Table</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<table class="table table-condensed">
<thead>
<tr>
<th>S.No</th>
<th>Name</th>
<th>Website</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Free Time Learn</td>
<td>www.freetimelearn.com</td>
</tr>
<tr>
<td>2</td>
<td>Free Time Learning</td>
<td>www.freetimelearning.com</td>
</tr>
<tr>
<td>3</td>
<td>FreeTimeLearn</td>
<td>www.freetimelearning.xyz</td>
</tr>
</tbody>
</table>
</body>
</html>
S.No | Name | Website |
---|---|---|
1 | Free Time Learn | www.freetimelearn.com |
2 | Free Time Learning | www.freetimelearning.com |
3 | FreeTimeLearn | www.freetimelearning.xyz |
Class | Description |
---|---|
.active | Applies the hover color to a particular row or cell |
.success | Indicates a successful or positive action |
.info | Indicates a neutral informative change or action |
.warning | Indicates a warning that might need attention |
.danger | Indicates a dangerous or potentially negative action |
<!DOCTYPE html>
<html>
<head>
<title>Contextual classes</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<table class="table">
<thead>
<tr>
<th>Class</th>
<th>Name</th>
<th>Website</th>
</tr>
</thead>
<tbody>
<tr>
<td>Default</td>
<td>Free Time Learn</td>
<td>www.freetimelearn.com</td>
</tr>
<tr class="active">
<td>Active</td>
<td>Free Time Learning</td>
<td>www.freetimelearning.com</td>
</tr>
<tr class="success">
<td>Success</td>
<td>Free Time Learn</td>
<td>www.freetimelearn.com</td>
</tr>
<tr class="info">
<td>Info</td>
<td>Free Time Learning</td>
<td>www.freetimelearning.com</td>
</tr>
<tr class="warning">
<td>Warning</td>
<td>Free Time Learn</td>
<td>www.freetimelearn.com</td>
</tr>
<tr class="danger">
<td>Danger</td>
<td>Free Time Learning</td>
<td>www.freetimelearning.com</td>
</tr>
</tbody>
</table>
</body>
</html>
Class | Name | Website |
---|---|---|
Default | Free Time Learn | www.freetimelearn.com |
Active | Free Time Learning | www.freetimelearning.com |
Success | Free Time Learn | www.freetimelearn.com |
Info | Free Time Learning | www.freetimelearning.com |
Warning | Free Time Learn | www.freetimelearn.com |
Danger | Free Time Learning | www.freetimelearning.com |
<!DOCTYPE html>
<html>
<head>
<title>Responsive Table</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<table class="table table-responsive">
<thead>
<tr>
<th>S.No</th>
<th>Name</th>
<th>Website</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Free Time Learn</td>
<td>www.freetimelearn.com</td>
</tr>
<tr>
<td>2</td>
<td>Free Time Learning</td>
<td>www.freetimelearning.com</td>
</tr>
<tr>
<td>3</td>
<td>FreeTimeLearn</td>
<td>www.freetimelearning.xyz</td>
</tr>
</tbody>
</table>
</body>
</html>
S.No | Name | Website |
---|---|---|
1 | Free Time Learn | www.freetimelearn.com |
2 | Free Time Learning | www.freetimelearning.com |
3 | FreeTimeLearn | www.freetimelearning.xyz |
Our website is made possible by displaying ads to our visitors.
Please help us continue to provide you with free. So please disabling your ad blocker.