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 |
Use .table-striped to 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 |
Add .table-hover to 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 |
Create responsive tables by adding .table-responsive to any .table to make them scroll horizontally on small devices. When viewing on anything larger than 768px wide, you will not see any difference in these tables.
