I\'m kinda stuck with a CSS problem while using Bootstrap. I\'m also using Angular JS with Angular UI.bootstrap (which might be part of the problem).
I\'m making a w
I'm late to the game here but FWIW: adding .table-bordered
to a .table
just wraps the table with a border, albeit by adding a full border to every cell.
But removing .table-bordered
still leaves the rule lines. It's a semantic issue, but in keeping with BS3+ nomenclature I've used this set of overrides:
.table.table-unruled>tbody>tr>td,
.table.table-unruled>tbody>tr>th {
border-top: 0 none transparent;
border-bottom: 0 none transparent;
}
.table
a
b
c
a
b
c
a
b
c
a
b
c
.table .table-bordered
a
b
c
a
b
c
a
b
c
a
b
c
.table .table-unruled
a
b
c
a
b
c
a
b
c
a
b
c
.table .table-bordered .table-unruled
a
b
c
a
b
c
a
b
c
a
b
c