Bootstrap 5 TutorialLesson 8Free preview

BS5 Tables

This lesson is part of Bootstrap · All levels

Summary

The .table class gives the basic style of the Bootstrap table such as cell padding, row bounding, and neat typography. Variations such as .table-striped, .table-bordered, .table-hover, and .table-dark add linear effects, boundary lines, highlights when highlighted, or dark themes. Wrap the table with .table-responsive so that it can be rolled horizontally on a narrow screen.

Key points

.table is the basic class of the Bootstrap table.
It makes cells linearly spaced. (.table-striped)
.table-bordered adds a boundary line on all sides of the cell.
Highlights the row as the cursor passes through it. (.table-hover)
Wrap the table so it can be rolled around on a small screen. (.table-responsive)

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.