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.

Bordered Bootstrap table
<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>

Comments

No Comments Yet.
Be the first to tell us what you think.
Bootstrap for beginners
Bootstrap for beginners

Are you learning Bootstrap ? Try our test we designed to help you progress faster.

Test yourself