Basic example

For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>. It may seem super redundant, but given the widespread use of tables for other plugins like calendars and date pickers, we've opted to isolate our custom table styles.

Optional table caption.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Striped rows

Use .table-striped to add zebra-striping to any table row within the <tbody>.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Hover rows

Add .table-hover to enable a hover state on table rows within a <tbody>.

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Hey Mike, we have funding for our new project!

04/05/2025

Awesome! Photo booth banh mi pitchfork kickstarter whatever, prism godard ethical 90's cray selvage.

04/05/2025

Artisan glossier vaporware meditation paleo humblebrag forage small batch.

04/05/2025

Bushwick letterpress vegan craft beer dreamcatcher kickstarter.

04/05/2025