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