Victoria Baker
Senior developer
Extra large table
Example of
extra large table sizing using .table-xl class added to the .table. All table rows have 60px height in REM units.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Eugene | Kopyov | @Kopyov |
| 2 | Victoria | Baker | @Vicky |
| 3 | James | Alexander | @Alex |
| 4 | Franklin | Morrison | @Frank |
| 5 | Winnie | the Pooh | @Winnie |
| 6 | Garry | Smith | @Garry |
| 7 | Ian | Berg | @Ian |
Large table
Example of
large table sizing using .table-lg class added to the .table. All table rows have 53px height in REM units.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Eugene | Kopyov | @Kopyov |
| 2 | Victoria | Baker | @Vicky |
| 3 | James | Alexander | @Alex |
| 4 | Franklin | Morrison | @Frank |
| 5 | Winnie | the Pooh | @Winnie |
| 6 | Garry | Smith | @Garry |
| 7 | Ian | Berg | @Ian |
Default table
Example of
default table sizing. This table doesn't require any additional classes in .table container. All table rows have 44px height in REM units.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Eugene | Kopyov | @Kopyov |
| 2 | Victoria | Baker | @Vicky |
| 3 | James | Alexander | @Alex |
| 4 | Franklin | Morrison | @Frank |
| 5 | Winnie | the Pooh | @Winnie |
| 6 | Garry | Smith | @Garry |
| 7 | Ian | Berg | @Ian |
Small table
Example of
small table sizing using .table-sm class added to the .table. All table rows have 40px height in REM units.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Eugene | Kopyov | @Kopyov |
| 2 | Victoria | Baker | @Vicky |
| 3 | James | Alexander | @Alex |
| 4 | Franklin | Morrison | @Frank |
| 5 | Winnie | the Pooh | @Winnie |
| 6 | Garry | Smith | @Garry |
| 7 | Ian | Berg | @Ian |
Mini table
Example of
mini table sizing using .table-xs class added to the .table. All table rows have 36px height in REM units.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Eugene | Kopyov | @Kopyov |
| 2 | Victoria | Baker | @Vicky |
| 3 | James | Alexander | @Alex |
| 4 | Franklin | Morrison | @Frank |
| 5 | Winnie | the Pooh | @Winnie |
| 6 | Garry | Smith | @Garry |
| 7 | Ian | Berg | @Ian |