Bootstrap class: .table-sm

Do not have time to learn all the Bootstrap classes?

Try drag & drop Bootstrap builder

<table class="table table-sm">
  <thead>
    <tr>
      <th>#</th>
      <th>First Name</th>
      <th>Last Name</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
    </tr>
  </tbody>
</table>

Preview

# First Name Last Name
1 Mark Otto
2 Jacob Thornton

Sass source

/* _tables.scss:36 */
.table-sm {
  th,
  td {
    padding: $table-cell-padding-sm;
  }
}

Uses variables

Code copied to the clipboard.

Copying failed

/* _tables.scss:36 */
$table-cell-padding-sm

More in Bootstrap Tables