<table class="table table-striped table-dark">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
<thead>
<tr>
<th rowspan="2">State</th>
<th rowspan="2">Utilities Company</th>
<th colspan="3">Summer Period</th>
</tr>
<tr>
<th>data1</th>
<th>data2</th>
<th>data3</th>
</tr>
</thead>
<div class="table-responsive">
<table class="table">
<caption>List of users</caption>
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
</div>
. . .
<div class="row row-content">
<div class="col-sm-9">
<h2>Facts &amp; Figures</h2>
<div class="table-responsive">
<table class="table table-striped">
<thead>
<tr class="bg-primary text-light">
<th></th>
<th>2016</th>
<th>2017</th>
<th>2018</th>
</tr>
</thead>
<tbody class="table-primary">
<tr>
<th>Staff Wilderness Experts</th>
<td>10</td>
<td>20</td>
<td>40</td>
</tr>
<tr>
<th>New Campers</th>
<td>256</td>
<td>1,280</td>
<td>5,360</td>
</tr>
<tr>
<th>Square Miles Covered</th>
<td>101,325</td>
<td>423,000</td>
<td>~3,000,000,000</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
. . .
<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td colspan="3>Mark</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td colspan="3>Jacob</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td colspan="3">Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>