Table

<table class="table">
<thead><tr>
 <th>Column 1</th>
 <th>Column 2</th>
 <th>Column 3</th>
</tr></thead>
<tbody><tr>
 <td>Body 1</td>
 <td>Body 2</td>
 <td>Body 3</td>
</tr></tbody>
</table>

          </td>
          <td>
            <table class="table">
              <thead>
                <tr>
                  <th>Column 1</th>
                  <th>Column 2</th>
                  <th>Column 3</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>Body 1
                  </td>
                  <td>
                    Body 2
                  </td>
                  <td>Body 3</td>
                </tr>
                <tr>
                  <td>Body 1
                  </td>
                  <td>
                    Body 2
                  </td>
                  <td>Body 3</td>
                </tr>

              </tbody>
            </table>
          </td>
        </tr>
        <tr>
          <td>Table p-Bordered</td>
          <td>table table-bordered</td>
          <td>
            <p><pre><code>&#x3C;table class=&#x22;table table-bordered&#x22;&#x3E;</code></pre>
            </p>
          </td>
          <td>
            <table class="table table-bordered">
              <thead>
                <tr>
                  <th>Column 1</th>
                  <th>Column 2</th>
                  <th>Column 3</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>Body 1</td>
                  <td>Body 2</td>
                  <td>Body 3</td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
        <tr>
          <td>Table p-Hover</td>
          <td>table table-hover</td>
          <td>
            <p><pre><code>&#x3C;table class=&#x22;table table-hover&#x22;&#x3E;</code></pre>
            </p>
          </td>
          <td>
            <table class="table table-hover">
              <thead>
                <tr>
                  <th>Column 1</th>
                  <th>Column 2</th>
                  <th>Column 3</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>Body 1</td>
                  <td>Body 2</td>
                  <td>Body 3</td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
        <tr>
          <td>Table p-Borderless</td>
          <td>table table-borderless</td>
          <td>
            <p><pre><code>&#x3C;table class=&#x22;table table-borderless&#x22;&#x3E;</code></pre>
            </p>
          </td>
          <td>
            <table class="table table-borderless">
              <thead>
                <tr>
                  <th>Column 1</th>
                  <th>Column 2</th>
                  <th>Column 3</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>Body 1</td>
                  <td>Body 2</td>
                  <td>Body 3</td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
        <tr>
          <td>Table p-Separator</td>
          <td>table table-separator</td>
          <td>
            <p><pre><code>&#x3C;table class=&#x22;table table-separator&#x22;&#x3E;</code></pre>
            </p>
          </td>
          <td>
            <table class="table table-separator">
              <thead>
                <tr>
                  <th>Column 1</th>
                  <th>Column 2</th>
                  <th>Column 3</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>Body 1</td>
                  <td>Body 2</td>
                  <td>Body 3</td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
        <tr>
          <td>Table p-NoSeparator</td>
          <td>table table-noseparator</td>
          <td>
            <p><pre><code>&#x3C;table class=&#x22;table table-noseparator&#x22;&#x3E;</code></pre>
            </p>
          </td>
          <td>
            <table class="table table-bordered table-noseparator">
              <thead>
                <tr>
                  <th>Column 1</th>
                  <th>Column 2</th>
                  <th>Column 3</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>Body 1</td>
                  <td>Body 2</td>
                  <td>Body 3</td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>

        <tr>
          <td>Table p-NarrowPadding</td>
          <td>table table-narrowpadding</td>
          <td>
            <p>
              <pre><code>&#x3C;table class=&#x22;table table-narrowpadding&#x22;&#x3E;</code></pre>
            </p>

          </td>
          <td>
            <table class="table table-narrowpadding">
              <thead>
                <tr>
                  <th>Column 1</th>
                  <th>Column 2</th>
                  <th>Column 3</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>Body 1
                  </td>
                  <td>
                    Body 2
                  </td>
                  <td>Body 3</td>
                </tr>

              </tbody>
            </table>
          </td>
        </tr>
        <tr>
          <td>Table p-Small</td>
          <td>table table-sm</td>
          <td>
            <p>
              <pre><code>&#x3C;table class=&#x22;table table-sm&#x22;&#x3E;
              &#x3C;thead class=&#x22;thead-light&#x22;&#x3E;</code></pre>
            </p>

          </td>
          <td>
            <table class="table table-sm">
              <thead class="thead-light">
                <tr>
                  <th>Column 1</th>
                  <th>Column 2</th>
                  <th>Column 3</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>Body 1
                  </td>
                  <td>
                    Body 2
                  </td>
                  <td>Body 3</td>
                </tr>

              </tbody>
            </table>
          </td>
        </tr>
        <tr>
          <td>Table p-XSmall</td>
          <td>table table-xs</td>
          <td>
            <p>
              <pre><code>&#x3C;table class=&#x22;table table-xs&#x22;&#x3E;
              &#x3C;thead class=&#x22;thead-dark&#x22;&#x3E;</code></pre>
            </p>

          </td>
          <td>
            <table class="table table-xs">
              <thead class="thead-dark">
                <tr>
                  <th>Column 1</th>
                  <th>Column 2</th>
                  <th>Column 3</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>Body 1
                  </td>
                  <td>
                    Body 2
                  </td>
                  <td>Body 3</td>
                </tr>

              </tbody>
            </table>
          </td>
        </tr>
        <tr>
          <td>Table Thead Dark</td>
          <td>table (thead: thead-dark)</td>
          <td>
            <p>
              <pre><code>&#x3C;table class=&#x22;table&#x22;&#x3E;
              &#x3C;thead class=&#x22;thead-dark&#x22;&#x3E;</code></pre>
            </p>
          </td>
          <td>
            <table class="table">
              <thead class="thead-dark">
                <tr>
                  <th>Column 1</th>
                  <th>Column 2</th>
                  <th>Column 3</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>Body 1</td>
                  <td>Body 2</td>
                  <td>Body 3</td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
        <tr>
          <td>Table Thead Light</td>
          <td>table (thead: thead-light)</td>
          <td>
            <p>
              <pre><code>&#x3C;table class=&#x22;table&#x22;&#x3E;
              &#x3C;thead class=&#x22;thead-light&#x22;&#x3E;</code></pre>
            </p>
          </td>
          <td>
            <table class="table table-hover table-bordered">
              <thead class="thead-light">
                <tr>
                  <th>Column 1</th>
                  <th>Column 2</th>
                  <th>Column 3</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>Body 1</td>
                  <td>Body 2</td>
                  <td>Body 3</td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
        <tr>
          <td>Table Thead Transparent</td>
          <td>table (thead: thead-transparent)</td>
          <td>
            <p>
              <pre><code>&#x3C;table class=&#x22;table&#x22;&#x3E;
              &#x3C;thead class=&#x22;thead-transparent&#x22;&#x3E;</code></pre>
            </p>
          </td>
          <td>
            <table class="table">
              <thead class="thead-transparent">
                <tr>
                  <th>Column 1</th>
                  <th>Column 2</th>
                  <th>Column 3</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>Body 1</td>
                  <td>Body 2</td>
                  <td>Body 3</td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>