Bootstrap table without stripe / borders
Solution 1:
Using Bootstrap 3.2.0 I had problem with Brett Henderson solution (borders were always there), so I improved it:
HTML
<table class="table table-borderless">
CSS
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
border: none;
}
Solution 2:
The border styling is set on the td
elements.
html:
<table class='table borderless'>
css:
.borderless td, .borderless th {
border: none;
}
Update: Since Bootstrap 4.1 you can use .table-borderless
to remove the border.
https://getbootstrap.com/docs/4.1/content/tables/#borderless-table
Solution 3:
similar to the rest, but more specific:
table.borderless td,table.borderless th{
border: none !important;
}