<table class="table table-striped table-bordered table-sm">
<thead class="thead-dark">
<tr>
<th scope="col">Light/Dark</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">@handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Light</th>
<td>Luke</td>
<td>Skywalker</td>
<td>@padawan_learner</td>
</tr>
<tr>
<th scope="row">Light</th>
<td>Obi Wan</td>
<td>Kenobi</td>
<td>@jedi_master</td>
</tr>
<tr>
<th scope="row">Light</th>
<td>Han</td>
<td>Solo</td>
<td>@heart-of-gold</td>
</tr>
<tr>
<th scope="row">Light</th>
<td>Leia</td>
<td>Organa</td>
<td>@principessa</td>
</tr>
<tr class="table-danger">
<th scope="row">Dark</th>
<td>Ben</td>
<td>Solo</td>
<td>@problem_child</td>
</tr>
</tbody>
</table>