Bootstrap 5

Bootstrap Tutorials

Bootstrap 5 Tables

Bootstrap 5 Tables

 

 

Bootstrap 5 Tables is a table that has light padding and horizontal dividers.

 

Uses of Table:-

 

  • Tables are used for displaying data in tabular form
  • Easily understood by the user
  • Easy to display
  • Can be understood by the less educated users

 

Bootstrap 5 table classes are:-

 

  • The .table class adds basic styling to a table.
  • The .table-striped class adds zebra stripes to a table.
  • The .table-bordered class adds borders on all sides of the table and cells.
  • The .table-hover class adds a hover effect (grey background color) on table rows.
  • The .table-dark class adds a black background to the table.
  • The .table-primary class adds a blue background to the table.
  • The .table-secondary class adds a grey background to the table.
  • The .table-success class adds a green background to the table.
  • The .table-danger class adds a red background to the table.
  • The .table-warning class adds an orange background to the table.
  • The .table-info class adds a light sky blue background to the table.
  • The .table-light will add a light grey background to the table.

Code Explanation

All Tutorials related to Bootstrap Tutorials

All Sections related to Bootstrap 5