Basic example

All table styles are inherited in Bootstrap 4, meaning any nested tables will be styled in the same manner as the parent.

#	Nickname	Registered	Role	Actions
1	YAKUZI	14/06/2017	User
2	Venom	24/03/2017	Moderator
3	Elizabeth	12/06/2017	Administrator
4	Clark Kent	11/06/2017	Administrator

Striped rows

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

#	Nickname	Registered	Role	Actions
1	YAKUZI	14/06/2017	User
2	Venom	24/03/2017	Moderator
3	Elizabeth	12/06/2017	Administrator
4	Clark Kent	11/06/2017	Administrator

Hover rows

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

#	Nickname	Registered	Role	Actions
1	YAKUZI	14/06/2017	User
2	Venom	24/03/2017	Moderator
3	Elizabeth	12/06/2017	Administrator
4	Clark Kent	11/06/2017	Administrator

Responsive tables

Create responsive tables by adding .table-responsiveto any .tableto make them scroll horizontally on small devices. When viewing on anything larger than 768px wide, you will not see any difference in these tables.