عناصر جدول توضیح هدر در این قسمت قرار دارد...

<!-- default table -->
<table class="table">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">اول</th>
      <th scope="col">آخر</th>
      <th scope="col">هندل</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>مارک</td>
      <td>اوتو</td>
      <td>@mdo</td>
    </tr>
    ...
  </tbody>
</table>

<!-- dark table -->
<table class="table table-dark">
  ...
</table>

<!-- thead-light -->
<table class="table">
  <thead class="table-light">...</thead>
</table>

<!-- thead-dark -->
<table class="table">
  <thead class="table-dark">...</thead>
</table>

<!-- table-striped -->
<table class="table table-striped">
  ...
</table>

<!-- table-bordered -->
<table class="table table-bordered">
  ...
</table>

<!-- table-borderless -->
<table class="table table-borderless">
  ...
</table>

<!-- table-hover -->
<table class="table table-hover">
  ...
</table>

<!-- table-sm -->
<table class="table table-sm">
  ...
</table>

<!-- On rows -->
<tr class="table-active">...</tr>
<tr class="table-primary">...</tr>
<tr class="table-secondary">...</tr>
<tr class="table-success">...</tr>
<tr class="table-danger">...</tr>
<tr class="table-warning">...</tr>
<tr class="table-info">...</tr>
<tr class="table-light">...</tr>
<tr class="table-dark">...</tr>

<!-- On cells (`td` or `th`) -->
<tr>
  <td class="table-active">...</td>
</tr>

<!-- On rows -->
<tr class="bg-primary">...</tr>
<tr class="bg-success">...</tr>
<tr class="bg-warning">...</tr>
<tr class="bg-danger">...</tr>
<tr class="bg-info">...</tr>

<!-- On cells (`td` or `th`) -->
<tr>
  <td class="bg-primary">...</td>
</tr>

<!-- caption -->
<table class="table">
  <caption>List of users</caption>
  <thead>...</thead>
  <tbody>...</tbody>
</table>

<!-- table-responsive -->
< class="table-responsive">
  <table class="table">
    ...
  </table>
</div>