Source

ꯇꯦꯕꯂꯁꯤꯡ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯇꯦꯕꯂꯁꯤꯡꯒꯤ ꯑꯣꯄꯁꯟ-ꯏꯟ ꯁ꯭ꯇꯥꯏꯂꯤꯡꯒꯤ ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯦꯁꯟ ꯑꯃꯁꯨꯡ ꯈꯨꯗꯃꯁꯤꯡ (ꯃꯈꯣꯌꯅꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡꯗꯥ ꯃꯈꯣꯌꯒꯤ ꯆꯠꯅꯔꯤꯕꯥ ꯁꯤꯖꯤꯟꯅꯐꯝ ꯑꯗꯨ ꯌꯦꯡꯂꯒꯥ)꯫

ꯈꯨꯗꯃꯁꯤꯡ꯫

ꯀꯦꯂꯦꯟꯗꯔ ꯑꯃꯁꯨꯡ ꯗꯦꯠ ꯄꯤꯀꯔꯒꯨꯝꯕꯥ ꯊꯥꯔꯗ ꯄꯥꯔꯇꯤ ꯋꯤꯖꯇꯦꯃꯁꯤꯡꯒꯤ ꯃꯔꯛꯇꯥ ꯇꯦꯕꯂꯁꯤꯡ ꯄꯥꯛ ꯁꯟꯅꯥ ​​ꯁꯤꯖꯤꯟꯅꯕꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯇꯦꯕꯂꯁꯤꯡ ꯑꯁꯤ ꯑꯣꯄꯠ-ꯏꯟ ꯑꯣꯏꯅꯥ ꯗꯤꯖꯥꯏꯟ ꯇꯧꯈ꯭ꯔꯦ . ꯕꯦꯖ ꯀ꯭ꯂꯥꯁ .tableꯑꯗꯨ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ <table>, ꯃꯗꯨꯒꯤ ꯃꯇꯨꯡꯗꯥ ꯀꯁ꯭ꯇꯝ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯇꯣꯉꯥꯟ ꯇꯣꯉꯥꯅꯕꯥ ꯌꯥꯑꯣꯔꯤꯕꯥ ꯃꯣꯗꯤꯐꯥꯏꯌꯔ ꯀ꯭ꯂꯥꯁꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯦꯛꯁꯇꯦꯟꯗ ꯇꯧ꯫

ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯕꯦꯁꯤꯛ ꯑꯣꯏꯕꯥ ꯇꯦꯕꯜ ꯃꯥꯔꯀꯑꯥꯞ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ, ꯃꯐꯃꯁꯤꯗꯥ .table-ꯕꯦꯖ ꯇꯦꯕꯂꯁꯤꯡ ꯑꯁꯤ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯇꯥ ꯀꯔꯝꯅꯥ ꯎꯒꯅꯤ ꯍꯥꯌꯕꯗꯨ ꯎꯠꯂꯤ꯫ ꯇꯦꯕꯜ ꯁ꯭ꯇꯥꯏꯜ ꯄꯨꯝꯅꯃꯛ ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ 4 ꯗꯥ ꯏꯅꯍꯦꯔꯤ ꯇꯧꯏ , ꯃꯁꯤꯅꯥ ꯇꯥꯀꯄꯗꯤ ꯅꯦꯁ꯭ꯠ ꯇꯧꯔꯕꯥ ꯇꯦꯕꯜ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯃꯃꯥ-ꯃꯄꯥ ꯑꯗꯨꯒꯥ ꯃꯥꯟꯅꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯒꯅꯤ꯫

# ꯑꯍꯥꯟꯕ ꯑꯔꯣꯏꯕ ꯄꯥꯏꯐꯝ
ꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫ ꯑꯣꯇꯣ꯫ @mdo ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
ꯌꯥꯀꯣꯕ꯫ ꯊꯣꯔꯅꯇꯟ꯫ @ꯑꯅꯣꯏꯕ
ꯂꯥꯔꯤ ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫ ꯄꯥꯈꯪ ꯑꯗꯨ꯫ @twitter ꯗꯥ ꯊꯥꯕꯤꯔꯀꯎ꯫
<table class="table">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

ꯅꯍꯥꯛꯅꯥ ꯃꯆꯨꯁꯤꯡ ꯑꯗꯨꯁꯨ ꯏꯅꯚꯥꯔꯠ ꯇꯧꯕꯥ ꯌꯥꯏ—ꯑꯃꯪꯕꯥ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗꯁꯤꯡꯗꯥ ꯃꯉꯥꯜ ꯂꯩꯕꯥ ꯇꯦꯛꯁꯇꯥꯏꯂꯒꯥ ꯂꯣꯌꯅꯅꯥ— .table-dark.

# ꯑꯍꯥꯟꯕ ꯑꯔꯣꯏꯕ ꯄꯥꯏꯐꯝ
ꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫ ꯑꯣꯇꯣ꯫ @mdo ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
ꯌꯥꯀꯣꯕ꯫ ꯊꯣꯔꯅꯇꯟ꯫ @ꯑꯅꯣꯏꯕ
ꯂꯥꯔꯤ ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫ ꯄꯥꯈꯪ ꯑꯗꯨ꯫ @twitter ꯗꯥ ꯊꯥꯕꯤꯔꯀꯎ꯫
<table class="table table-dark">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

ꯇꯦꯕꯜ ꯍꯦꯗ ꯑꯣꯄꯁꯅꯁꯤꯡ꯫

ꯇꯦꯕꯜ ꯑꯃꯁꯨꯡ ꯑꯃꯝꯕꯥ ꯇꯦꯕꯂꯁꯤꯡꯒꯥ ꯃꯥꯟꯅꯅꯥ, ꯃꯣꯗꯤꯐꯥꯏꯌꯔ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ .thead-lightꯅꯠꯠꯔꯒꯥ s ꯑꯁꯤ ꯃꯉꯥꯜ ꯅꯠꯠꯔꯒꯥ ꯃꯌꯦꯛ ꯁꯦꯡꯕꯥ ꯑꯉꯧꯕꯥ .thead-darkꯑꯣꯏꯅꯥ ꯎꯍꯟꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯧ꯫<thead>

# ꯑꯍꯥꯟꯕ ꯑꯔꯣꯏꯕ ꯄꯥꯏꯐꯝ
ꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫ ꯑꯣꯇꯣ꯫ @mdo ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
ꯌꯥꯀꯣꯕ꯫ ꯊꯣꯔꯅꯇꯟ꯫ @ꯑꯅꯣꯏꯕ
ꯂꯥꯔꯤ ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫ ꯄꯥꯈꯪ ꯑꯗꯨ꯫ @twitter ꯗꯥ ꯊꯥꯕꯤꯔꯀꯎ꯫
# ꯑꯍꯥꯟꯕ ꯑꯔꯣꯏꯕ ꯄꯥꯏꯐꯝ
ꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫ ꯑꯣꯇꯣ꯫ @mdo ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
ꯌꯥꯀꯣꯕ꯫ ꯊꯣꯔꯅꯇꯟ꯫ @ꯑꯅꯣꯏꯕ
ꯂꯥꯔꯤ ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫ ꯄꯥꯈꯪ ꯑꯗꯨ꯫ @twitter ꯗꯥ ꯊꯥꯕꯤꯔꯀꯎ꯫
<table class="table">
  <thead class="thead-dark">
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

<table class="table">
  <thead class="thead-light">
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

ꯁ꯭ꯠꯔꯥꯏꯞ ꯑꯣꯏꯕꯥ ꯔꯣꯁꯤꯡ꯫

.table-stripedꯃꯅꯨꯡꯗꯥ ꯂꯩꯕꯥ ꯇꯦꯕꯜ ꯔꯣ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯖꯦꯕ꯭ꯔꯥ-ꯁ꯭ꯠꯔꯥꯏꯄꯤꯡ ꯍꯥꯄꯆꯤꯟꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯧ <tbody>.

# ꯑꯍꯥꯟꯕ ꯑꯔꯣꯏꯕ ꯄꯥꯏꯐꯝ
ꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫ ꯑꯣꯇꯣ꯫ @mdo ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
ꯌꯥꯀꯣꯕ꯫ ꯊꯣꯔꯅꯇꯟ꯫ @ꯑꯅꯣꯏꯕ
ꯂꯥꯔꯤ ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫ ꯄꯥꯈꯪ ꯑꯗꯨ꯫ @twitter ꯗꯥ ꯊꯥꯕꯤꯔꯀꯎ꯫
<table class="table table-striped">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>
# ꯑꯍꯥꯟꯕ ꯑꯔꯣꯏꯕ ꯄꯥꯏꯐꯝ
ꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫ ꯑꯣꯇꯣ꯫ @mdo ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
ꯌꯥꯀꯣꯕ꯫ ꯊꯣꯔꯅꯇꯟ꯫ @ꯑꯅꯣꯏꯕ
ꯂꯥꯔꯤ ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫ ꯄꯥꯈꯪ ꯑꯗꯨ꯫ @twitter ꯗꯥ ꯊꯥꯕꯤꯔꯀꯎ꯫
<table class="table table-striped table-dark">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

ꯉꯃꯈꯩ ꯂꯩꯕꯥ ꯇꯦꯕꯜ꯫

.table-borderedꯇꯦꯕꯜ ꯑꯃꯁꯨꯡ ꯁꯦꯂꯁꯤꯡꯒꯤ ꯃꯥꯌꯀꯩ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯕꯣꯔꯗꯔꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫

# ꯑꯍꯥꯟꯕ ꯑꯔꯣꯏꯕ ꯄꯥꯏꯐꯝ
ꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫ ꯑꯣꯇꯣ꯫ @mdo ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
ꯌꯥꯀꯣꯕ꯫ ꯊꯣꯔꯅꯇꯟ꯫ @ꯑꯅꯣꯏꯕ
ꯂꯥꯔꯤ ꯗ꯭ꯌ ꯕꯥꯔꯗ꯫ @twitter ꯗꯥ ꯊꯥꯕꯤꯔꯀꯎ꯫
<table class="table table-bordered">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td colspan="2">Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>
# ꯑꯍꯥꯟꯕ ꯑꯔꯣꯏꯕ ꯄꯥꯏꯐꯝ
ꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫ ꯑꯣꯇꯣ꯫ @mdo ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
ꯌꯥꯀꯣꯕ꯫ ꯊꯣꯔꯅꯇꯟ꯫ @ꯑꯅꯣꯏꯕ
ꯂꯥꯔꯤ ꯗ꯭ꯌ ꯕꯥꯔꯗ꯫ @twitter ꯗꯥ ꯊꯥꯕꯤꯔꯀꯎ꯫
<table class="table table-bordered table-dark">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td colspan="2">Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

ꯍꯣꯚꯔ ꯇꯧꯕꯥ ꯌꯥꯕꯥ ꯔꯣꯁꯤꯡ꯫

.table-hoverꯑꯃꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯇꯦꯕꯜ ꯔꯣꯁꯤꯡꯗꯥ ꯍꯣꯚꯔ ꯁ꯭ꯇꯦꯠ ꯑꯃꯥ ꯏꯅꯦꯕꯜ ꯇꯧꯅꯕꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ <tbody>.

# ꯑꯍꯥꯟꯕ ꯑꯔꯣꯏꯕ ꯄꯥꯏꯐꯝ
ꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫ ꯑꯣꯇꯣ꯫ @mdo ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
ꯌꯥꯀꯣꯕ꯫ ꯊꯣꯔꯅꯇꯟ꯫ @ꯑꯅꯣꯏꯕ
ꯂꯥꯔꯤ ꯗ꯭ꯌ ꯕꯥꯔꯗ꯫ @twitter ꯗꯥ ꯊꯥꯕꯤꯔꯀꯎ꯫
<table class="table table-hover">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td colspan="2">Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>
# ꯑꯍꯥꯟꯕ ꯑꯔꯣꯏꯕ ꯄꯥꯏꯐꯝ
ꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫ ꯑꯣꯇꯣ꯫ @mdo ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
ꯌꯥꯀꯣꯕ꯫ ꯊꯣꯔꯅꯇꯟ꯫ @ꯑꯅꯣꯏꯕ
ꯂꯥꯔꯤ ꯗ꯭ꯌ ꯕꯥꯔꯗ꯫ @twitter ꯗꯥ ꯊꯥꯕꯤꯔꯀꯎ꯫
<table class="table table-hover table-dark">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td colspan="2">Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

ꯑꯄꯤꯀꯄꯥ ꯇꯦꯕꯜ ꯑꯃꯥ꯫

.table-smꯁꯦꯜ ꯄꯦꯗꯤꯡ ꯑꯗꯨ ꯇꯪꯈꯥꯌꯗꯥ ꯀꯥꯄꯁꯤꯟꯗꯨꯅꯥ ꯇꯦꯕꯂꯁꯤꯡ ꯑꯗꯨ ꯍꯦꯟꯅꯥ ꯀꯝꯄꯦꯛꯇ ꯑꯣꯏꯍꯟꯅꯕꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫

# ꯑꯍꯥꯟꯕ ꯑꯔꯣꯏꯕ ꯄꯥꯏꯐꯝ
ꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫ ꯑꯣꯇꯣ꯫ @mdo ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
ꯌꯥꯀꯣꯕ꯫ ꯊꯣꯔꯅꯇꯟ꯫ @ꯑꯅꯣꯏꯕ
ꯂꯥꯔꯤ ꯗ꯭ꯌ ꯕꯥꯔꯗ꯫ @twitter ꯗꯥ ꯊꯥꯕꯤꯔꯀꯎ꯫
<table class="table table-sm">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td colspan="2">Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>
# ꯑꯍꯥꯟꯕ ꯑꯔꯣꯏꯕ ꯄꯥꯏꯐꯝ
ꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫ ꯑꯣꯇꯣ꯫ @mdo ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
ꯌꯥꯀꯣꯕ꯫ ꯊꯣꯔꯅꯇꯟ꯫ @ꯑꯅꯣꯏꯕ
ꯂꯥꯔꯤ ꯗ꯭ꯌ ꯕꯥꯔꯗ꯫ @twitter ꯗꯥ ꯊꯥꯕꯤꯔꯀꯎ꯫
<table class="table table-sm table-dark">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td colspan="2">Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</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>

  <td class="table-primary">...</td>
  <td class="table-secondary">...</td>
  <td class="table-success">...</td>
  <td class="table-danger">...</td>
  <td class="table-warning">...</td>
  <td class="table-info">...</td>
  <td class="table-light">...</td>
  <td class="table-dark">...</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>
  <td class="bg-success">...</td>
  <td class="bg-warning">...</td>
  <td class="bg-danger">...</td>
  <td class="bg-info">...</td>
</tr>
ꯑꯦꯁꯤꯁ꯭ꯇꯦꯟꯇ ꯇꯦꯛꯅꯣꯂꯣꯖꯤꯁꯤꯡꯗꯥ ꯑꯔꯊ ꯄꯤꯕꯥ꯫

ꯑꯔꯊ ꯍꯥꯄꯆꯤꯟꯅꯕꯥ ꯃꯆꯨ ꯁꯤꯖꯤꯟꯅꯕꯅꯥ ꯚꯤꯖꯨꯑꯦꯜ ꯏꯟꯗꯤꯀꯦꯁꯟ ꯑꯃꯥ ꯈꯛꯇꯃꯛ ꯄꯤꯔꯤ, ꯃꯁꯤ ꯑꯦꯁꯤꯁ꯭ꯇꯦꯟꯇ ꯇꯦꯛꯅꯣꯂꯣꯖꯤꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯁꯤꯡꯗꯥ – ꯁ꯭ꯛꯔꯤꯟ ꯔꯤꯗꯔꯒꯨꯝꯕꯥ – ꯌꯧꯍꯅꯕꯥ ꯉꯝꯂꯣꯏ꯫ .sr-onlyꯃꯆꯨ ꯑꯗꯨꯅꯥ ꯇꯥꯀꯄꯥ ꯏꯅꯐꯣꯔꯃꯦꯁꯟ ꯑꯗꯨ ꯀꯟꯇꯦꯟꯇ ꯃꯁꯥꯃꯛꯇꯒꯤ (ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ꯎꯕꯥ ꯐꯪꯂꯤꯕꯥ ꯇꯦꯛꯁꯠ ꯑꯗꯨꯗꯒꯤ) ꯃꯌꯦꯛ ꯁꯦꯡꯅꯥ ꯎꯕꯥ ꯐꯪꯏ ꯍꯥꯌꯕꯥ ꯁꯣꯌꯗꯅꯥ ꯈꯪꯗꯣꯀꯎ, ꯅꯠꯠꯔꯒꯥ ꯀ꯭ꯂꯥꯁ ꯑꯗꯨꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯂꯣꯠꯁꯤꯜꯂꯕꯥ ꯑꯍꯦꯅꯕꯥ ꯇꯦꯛꯁꯇꯒꯨꯝꯕꯥ ꯑꯂꯇꯔꯅꯦꯇꯤꯚ ꯑꯣꯏꯕꯥ ꯄꯥꯝꯕꯩꯁꯤꯡꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯌꯥꯎꯍꯅꯕꯥ꯫

576px, 768px, 992px, ꯑꯃꯁꯨꯡ 1120px ꯐꯥꯑꯣꯕꯒꯤ ꯕ꯭ꯔꯦꯀꯄꯣꯏꯟꯇ ꯈꯨꯗꯤꯡꯃꯛꯇꯥ ꯇꯦꯕꯜ ꯑꯗꯨ ꯍꯣꯔꯥꯏꯖꯣꯟꯇꯦꯜ ꯑꯣꯏꯅꯥ ꯁ꯭ꯛꯔꯣꯜ .tableꯇꯧꯗꯨꯅꯥ ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯇꯦꯕꯂꯁꯤꯡ ꯁꯦꯝꯃꯨ , ꯃꯊꯪꯁꯤꯠꯅꯥ 576px, 768px, 992px, ꯑꯃꯁꯨꯡ 1120px ꯐꯥꯑꯣꯕꯥ꯫.table-responsive{-sm|-md|-lg|-xl}max-width

ꯈꯉꯖꯤꯅꯕꯤꯌꯨ ꯃꯗꯨꯗꯤ ꯕ꯭ꯔꯥꯎꯖꯔꯁꯤꯡꯅꯥ ꯍꯧꯖꯤꯛ ꯔꯦꯟꯖ ꯀꯟꯇꯦꯛꯁ ꯀ꯭ꯕꯦꯔꯤꯁꯤꯡ ꯁꯄꯣꯔꯠ ꯇꯧꯗꯕꯅꯥ ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ, ꯑꯩꯈꯣꯌꯅꯥ ꯆꯥꯡꯗꯝꯅꯕꯁꯤꯡ ꯑꯁꯤꯒꯤꯗꯃꯛꯇꯥ ꯍꯦꯟꯅꯥ ꯄ꯭ꯔꯤꯁꯤꯁꯟ ꯂꯩꯕꯥ ꯚꯦꯜꯌꯨꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯐ꯭ꯔꯦꯀꯆꯅꯦꯜ ꯋꯥꯏꯗꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ min-ꯑꯃꯁꯨꯡ max-ꯄ꯭ꯔꯤꯐꯤꯛꯁꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯚꯤꯎꯄꯣꯔꯇꯁꯤꯡꯒꯤ ꯂꯤꯃꯤꯇꯦꯁꯅꯁꯤꯡ (ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ꯍꯥꯏ-ꯗꯤꯄꯤꯑꯥꯏ ꯗꯤꯚꯥꯏꯁꯁꯤꯡꯗꯥ ꯑꯀꯛꯅꯕꯥ ꯀꯟꯗꯤꯁꯅꯁꯤꯡꯒꯤ ꯃꯈꯥꯗꯥ ꯊꯣꯀꯄꯥ ꯌꯥꯏ)ꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯊꯕꯛ ꯇꯧꯏ꯫ .

ꯀꯦꯄꯁꯅꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫

ꯑꯦꯅꯥ <caption>ꯇꯦꯕꯜ ꯑꯃꯒꯤꯗꯃꯛ ꯍꯦꯗꯤꯡꯒꯨꯝꯅꯥ ꯐꯉ꯭ꯀꯁꯟ ꯇꯧꯏ꯫ ꯃꯁꯤꯅꯥ ꯁ꯭ꯛꯔꯤꯟ ꯔꯤꯗꯔꯁꯤꯡ ꯂꯩꯕꯥ ꯌꯨꯖꯔꯁꯤꯡꯗꯥ ꯇꯦꯕꯜ ꯑꯃꯥ ꯊꯤꯕꯗꯥ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯀꯔꯤꯅꯣ ꯍꯥꯌꯕꯗꯨ ꯈꯉꯕꯗꯥ ꯑꯃꯁꯨꯡ ꯃꯈꯣꯌꯅꯥ ꯃꯁꯤ ꯄꯥꯕꯥ ꯄꯥꯝꯂꯤꯕ꯭ꯔꯥ ꯍꯥꯌꯕꯗꯨ ꯂꯦꯄꯊꯣꯀꯄꯗꯥ ꯃꯇꯦꯡ ꯄꯥꯡꯏ꯫

ꯌꯨꯖꯔꯁꯤꯡꯒꯤ ꯂꯤꯁ꯭ꯠ꯫
# ꯑꯍꯥꯟꯕ ꯑꯔꯣꯏꯕ ꯄꯥꯏꯐꯝ
ꯃꯥꯔꯛ ꯇꯧꯕꯥ꯫ ꯑꯣꯇꯣ꯫ @mdo ꯍꯥꯌꯅꯥ ꯈꯉꯅꯕꯥ꯫
ꯌꯥꯀꯣꯕ꯫ ꯊꯣꯔꯅꯇꯟ꯫ @ꯑꯅꯣꯏꯕ
ꯂꯥꯔꯤ ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫ ꯄꯥꯈꯪ ꯑꯗꯨ꯫ @twitter ꯗꯥ ꯊꯥꯕꯤꯔꯀꯎ꯫
<table class="table">
  <caption>List of users</caption>
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ ꯇꯦꯕꯂꯁꯤꯡ꯫

ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯇꯦꯕꯂꯁꯤꯡꯅꯥ ꯇꯦꯕꯂꯁꯤꯡ ꯑꯁꯤ ꯌꯥꯝꯅꯥ ꯂꯥꯏꯅꯥ ꯍꯣꯔꯥꯏꯖꯣꯟꯇꯦꯜ ꯑꯣꯏꯅꯥ ꯁ꯭ꯛꯔꯣꯜ ꯇꯧꯕꯥ ꯌꯥꯍꯜꯂꯤ꯫ ꯚꯤꯎꯄꯣꯔꯠ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯃꯔꯛꯇꯥ ꯇꯦꯕꯜ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ .tableꯑꯣꯏꯍꯜꯂꯨ .table-responsive. ꯅꯠꯔꯒꯥ, ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯇꯦꯕꯜ ꯑꯃꯥ ꯂꯩꯒꯗꯕꯥ ꯃꯦꯛꯁꯤꯃꯝ ꯕ꯭ꯔꯦꯀꯄꯣꯏꯟꯇ ꯑꯃꯥ ꯈꯅꯕꯤꯌꯨ .table-responsive{-sm|-md|-lg|-xl}.

ꯚꯔꯇꯤꯀꯦꯜ ꯀ꯭ꯂꯤꯄꯤꯡ/ ꯇ꯭ꯔꯉ꯭ꯀꯁꯟ ꯇꯧꯕꯥ꯫

ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯇꯦꯕꯂꯁꯤꯡꯅꯥ , ꯁꯤꯖꯤꯟꯅꯩ overflow-y: hidden, ꯃꯁꯤꯅꯥ ꯇꯦꯕꯂꯒꯤ ꯃꯈꯥꯗꯥ ꯅꯠꯠꯔꯒꯥ ꯃꯊꯛꯀꯤ ꯃꯐꯃꯁꯤꯡꯗꯒꯤ ꯍꯦꯟꯅꯥ ꯆꯠꯄꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯀ꯭ꯂꯤꯞ ꯇꯧꯏ꯫ ꯃꯔꯨꯑꯣꯏꯅꯥ, ꯃꯁꯤꯅꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯃꯦꯅꯨꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯑꯇꯩ ꯊꯥꯔꯗ ꯄꯥꯔꯇꯤ ꯋꯤꯖꯇꯦꯃꯁꯤꯡ ꯀ꯭ꯂꯤꯞ ꯑꯣꯐ ꯇꯧꯕꯥ ꯌꯥꯏ꯫

ꯃꯇꯝ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ꯫

ꯕ꯭ꯔꯦꯀꯄꯣꯏꯟꯇ ꯈꯨꯗꯤꯡꯃꯛꯀꯤ ꯃꯔꯛꯇꯥ, .table-responsiveꯍꯣꯔꯥꯏꯖꯣꯟꯇꯦꯜ ꯑꯣꯏꯅꯥ ꯁ꯭ꯛꯔꯣꯜ ꯇꯧꯕꯥ ꯇꯦꯕꯂꯁꯤꯡꯒꯤꯗꯃꯛ ꯁꯤꯖꯤꯟꯅꯧ꯫

# ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫
ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ
ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ
ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ
<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>

ꯕ꯭ꯔꯦꯀꯄꯣꯏꯟꯇ ꯁ꯭ꯄꯦꯁꯤꯐꯤꯛ ꯑꯣꯏꯕꯥ꯫

.table-responsive{-sm|-md|-lg|-xl}ꯑꯀꯛꯅꯕꯥ ꯕ꯭ꯔꯦꯀꯄꯣꯏꯟꯇ ꯑꯃꯐꯥꯎꯕꯥ ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯇꯦꯕꯂꯁꯤꯡ ꯁꯦꯝꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯕꯒꯤ ꯃꯇꯨꯡꯏꯟꯅꯥ ꯁꯤꯖꯤꯟꯅꯧ꯫ ꯑꯗꯨꯒꯨꯝꯕꯥ ꯕ꯭ꯔꯦꯀꯄꯣꯏꯟꯇ ꯑꯗꯨꯗꯒꯤ ꯑꯃꯁꯨꯡ ꯃꯊꯛꯇꯥ, ꯇꯦꯕꯜ ꯑꯗꯨꯅꯥ ꯅꯣꯔꯃꯦꯜ ꯑꯣꯏꯅꯥ ꯂꯃꯆꯠ ꯁꯥꯖꯠ ꯆꯠꯀꯅꯤ ꯑꯃꯁꯨꯡ ꯍꯣꯔꯥꯏꯖꯣꯟꯇꯦꯜ ꯑꯣꯏꯅꯥ ꯁ꯭ꯛꯔꯣꯜ ꯇꯧꯔꯣꯏ꯫

# ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫
ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ
ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ
ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ
# ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫
ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ
ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ
ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ
# ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫
ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ
ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ
ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ
# ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫ ꯍꯦꯗꯤꯡ ꯇꯧꯕꯥ꯫
ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ
ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ
ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ ꯀꯥꯈꯜ
<div class="table-responsive-sm">
  <table class="table">
    ...
  </table>
</div>

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

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

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