How do you make a bordered table using Bootstrap?
Experience Level: Junior
Tags: Bootstrap 4
Answer
In order to create a bordered table, use standard html tags <table>, <tr>, <th> and <td>. Then add a class table table-bordered to the <table> tag.
<table class="table table-bordered">
<tr>
<th>ID</th>
<th>Name</th>
</tr>
<tr>
<td>11</td>
<td>Peter</td>
</tr>
<tr>
<td>12</td>
<td>Jane</td>
</tr>
</table>Related Bootstrap job interview questions
How do you make a small/compact table using Bootstrap?
Bootstrap 4 JuniorUsing Bootstrap, how do you make a table that highlights a row when you move a mouse cursor over it?
Bootstrap 4 JuniorHow do you add zebra-striping and dark style to a table using Bootstrap?
Bootstrap 4 JuniorHow do you add zebra-striping to a table using Bootstrap?
Bootstrap 4 JuniorHow do you style table header to be either light or dark using Bootstrap?
Bootstrap 4 Junior
