Lesson 5 of 2025%

(Progress persistence is disabled until Phase 9)

Bootstrap
Beginner

Tables

Opt-in styling for tables with basic, striped, hoverable, and active styles.

Tables

Opt-in styling for tables with basic, striped, hoverable, and active styles.

Bootstrap provides powerful, pre-built components and utilities.

Example

<table class="table table-striped 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>
  </tbody>
</table>

Experiment with the code above in the Playground!

Lesson Progress

Practice This TopicTake QuizBuild a Bootstrap Project

Ready to practise?

Apply what you learned with a hands-on challenge.

Practise This Topic