.tableSome columns are hidden on mobile phones and/or tablets. This can be achieved by adding the class .hidden-xs and/or .hidden-sm 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. It is the perfect way for making the tables flexible and responsive. Also you can wrap your table with a div element with the class .table-responsive and your table will get horizontal scrolling on mobile devices.
| # | Username | ||
|---|---|---|---|
| 1 | username1 | ||
| 2 | username2 | ||
| 3 | username3 | ||
| 4 | username4 | ||
| 5 | username5 | ||
| 6 | username6 |
.table .table-condensed.table .table-hover.table .table-striped.table .table-bordered.table .table-borderless.success .danger .warning .active