- table
- table-striped
- table-hover
tables
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport"
content="width=device-width, initial-scale=1, user-scalable=yes">
<link href="css/bootstrap.min.css" rel="stylesheet" />
<title>Tables</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-10">
<table>
<thead>
<tr><th>Name</th><th>Years</th></tr>
</thead>
<tbody>
<tr><td>Thomas Edison</td><td>1847-1931</td></tr>
<tr><td>Benjamin Franklin</td><td>1706-1790</td></tr>
<tr><td>Alexander Graham Bell</td><td>1847-1922</td></tr>
<tr><td>Nikola Tesla</td><td>1856-1943</td></tr>
<tr><td>George Washington Carver</td><td>-1943</td></tr>
<tr><td>Leonardo da Vinci</td><td>1452-1519</td></tr>
</tbody>
</table>
</div>
<div class="col-xs-1"></div>
</div>
<hr>
<div class="row">
<div class="col-xs-1"></div>
<div class="col-xs-10">
<table>
<tr><td>class="table"</td></tr>
<tr><td>class="table table-striped"</td></tr>
<tr><td>class="table table-hover"</td></tr>
</table>
</div>
<div class="col-xs-1"></div>
</div>
</div>
</body>
</html>