Bootstrap CSS Classes

Bootstrap CSS class .table-hover

<table class="table table-hover">
  <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

Are you tired of writing HTML by hand?

CSS source

/* _tables.scss:88 */
.table-hover {
  tbody tr {
    @include hover {
      background-color: $table-hover-bg;
    }
  }
}

/* _table-row.scss:16 */
.table-hover {
  $hover-background: darken($background, 5%);

  .table-#{$state} {
    @include hover {
      background-color: $hover-background;

      > td,
      > th {
        background-color: $hover-background;
      }
    }
  }
}

More Bootstrap CSS classes in Tables category

© 2024 Shuffle. All rights reserved.