VOOZH about

URL: https://www.geeksforgeeks.org/bootstrap/bootstrap-5-small-tables/

⇱ Bootstrap 5 Small tables - GeeksforGeeks


  • Courses
  • Tutorials
  • Interview Prep

Bootstrap 5 Small tables

Last Updated : 24 Nov, 2022

Bootstrap 5 Small tables are used to create the small size of tables. These tables are just smaller versions of the normal tables.

Bootstrap 5 Small tables Class:

  • table-sm: By using this class we can convert a normal table into a smaller table by cutting all cell padding in half.

Syntax:

<table class="table table-sm">
 ...
</table>

Example 1: Here we will create a small table that will not contain any caption or foot.

Output:

👁 Bootstrap 5 Small tables
Bootstrap 5 Small tables

Example 2: In this example, we will attach the foot and caption as we did in our normal table, but with a small table.

Output: 

👁 Bootstrap 5 Small tables
Bootstrap 5 Small tables

Reference: https://getbootstrap.com/docs/5.0/content/tables/#small-tables

Comment
Article Tags:

Explore