.tableSome columns will not be visible on phones. This can be achieved by adding the class .hidden-xs on the <td> elements we want to hide. There are also other classes for hiding or making visible html elements on various devices: .hidden-xs hidden-sm .hidden-md .hidden-lg & .visible-xs .visible-sm .visible-md .visible-lg
| # | Username | Actions | |
|---|---|---|---|
| 1 | username1 | ||
| 2 | username2 | ||
| 3 | username3 | ||
| 4 | username4 |
.table .table-condensed| # | Username | Actions | |
|---|---|---|---|
| 1 | username1 | ||
| 2 | username2 | ||
| 3 | username3 | ||
| 4 | username4 |
.table .table-hover| # | Username | Actions | |
|---|---|---|---|
| 1 | username1 | ||
| 2 | username2 | ||
| 3 | username3 | ||
| 4 | username4 |
.table .table-striped| # | Username | Actions | |
|---|---|---|---|
| 1 | username1 | ||
| 2 | username2 | ||
| 3 | username3 | ||
| 4 | username4 |
.table .table-bordered| # | Username | Actions | |
|---|---|---|---|
| 1 | username1 | ||
| 2 | username2 | ||
| 3 | username3 | ||
| 4 | username4 |
.table .table-borderless| # | Username | Actions | |
|---|---|---|---|
| 1 | username1 | ||
| 2 | username2 | ||
| 3 | username3 | ||
| 4 | username4 |
.success .danger .warning .active| # | Username | Actions | |
|---|---|---|---|
| 1 | username1 | ||
| 2 | username2 | ||
| 3 | username3 | ||
| 4 | username4 | ||
| 5 | username5 | ||
| 6 | username6 | ||
| 7 | username7 | ||
| 8 | username8 |