Bootstrap Table #Part 5
In this article we are lean to make table in Bootstrap.
Bootstrap CDN link
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" >
Simple Table
<table class="table table-bordered">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">name</th>
<th scope="col">graduation</th>
<th scope="col">city</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>bharat</td>
<td>BCA</td>
<td>mandvi</td>
</tr>
<tr>
<th scope="row">2</th>
<td>prakash</td>
<td>bcom</td>
<td>mandvi</td>
</tr>
</tbody>
</table>
Table with color
<table class="table table-bordered table-dark">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Name</th>
<th scope="col">graduation</th>
<th scope="col">city</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Bharat</td>
<td>BCA</td>
<td>Mandvi</td>
</tr>
<tr>
<th scope="row">2</th>
<td>kanaiya</td>
<td>BA</td>
<td>Mandvi</td>
</tr>
</tbody>
</table>