bootstrap table hover

1<table class="table table-hover">
2  <thead>
3    <tr>
4      <th scope="col">#</th>
5      <th scope="col">First</th>
6      <th scope="col">Last</th>
7      <th scope="col">Handle</th>
8    </tr>
9  </thead>
10  <tbody>
11    <tr>
12      <th scope="row">1</th>
13      <td>Mark</td>
14      <td>Otto</td>
15      <td>@mdo</td>
16    </tr>
17    <tr>
18      <th scope="row">2</th>
19      <td>Jacob</td>
20      <td>Thornton</td>
21      <td>@fat</td>
22    </tr>
23  </tbody>
24</table>

1<div style="height: 600px;overflow: scroll;">
2<!-- change height to increase the number of visible row  -->
3	<table></table>
4</div>

1<!-- BOOTSTRAP V3 -->
2<table class="table table-condensed">
3  ...
4</table>
5<!-- BOOTSTRAP v4 -->
6<table class="table table-sm">
7  ...
8</table>

1<table class="table">
2 <thead>
3 <tr>     <th>Head 1</th>	    <th>Head 2</th>      <th>Head 3</th>   </tr>
4 </thead>
5  
6 <tbody>  
7 <tr>      <td>cell</td>		  <td>cell</td>		 <td>cell</td>    </tr>
8 <tr>      <td>cell</td>		  <td>cell</td>		 <td>cell</td>    </tr>
9 </tbody>
10  
11 <tfoot>
12 <tr>     <th>Footer 1</th> 	<th>Footer 2</th>	<th>Footer 3</th>	</tr>
13 </tfoot>
14</table>

1Condensed Table
2The .table-condensed class makes a table more compact by cutting cell padding in half