Bootstrap table without stripe / borders

Question

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

Answer 1

I expanded the Bootstrap table styles as Davide Pastore did, but with that method the styles are applied to all child tables as well, and they don't apply to the footer.

A better solution would be imitating the core Bootstrap table styles, but with your new class:

.table-borderless>thead>tr>th
.table-borderless>thead>tr>td
.table-borderless>tbody>tr>th
.table-borderless>tbody>tr>td
.table-borderless>tfoot>tr>th
.table-borderless>tfoot>tr>td {
    border: none;
}

Then when you use

only the specific table with the class will be bordered, not any table in the tree.

0 讨论(0)

查看其它16个回答

发布评论:

提交评论

---

•  加载中...

验证码

 看不清?

提交回复

热议问题