.table
Some 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