通过Twitter“捕捉”桌子Bootstrap

Question

是否有可能将一张桌面“捕捉”到另一个桌面的底部，同时保留table-bordered功能（例如圆角边缘）。显示了两个表“噼噼啪啪”一起

预期的效果：

圆角不是射门，但你的想法。

Answer 1

据我所知，默认情况下TB中没有这样的东西可用，但没有任何东西阻止您编写自己的CSS，并覆盖TB的样式。这是css的美丽！

如果您使用类似Chrome Inspector的方式检查代码，则可以非常容易地复制应用的TB样式，并将其更改为您的愿望。这正是我所做的，这就是我想出了（没有前缀的！）：

table.table-snap { 
    margin-bottom: 0; 
    border-bottom-width: 0; 
} 
table.table-bordered.table-snap:last-child { 
    border-bottom-width: 1px; 
    margin-bottom: 20px; 
} 
.table-bordered.table-snap > thead > tr > th, 
.table-bordered.table-snap > tbody > tr > td, 
.table-bordered.table-snap > tfoot > tr > td, 
.table-bordered.table-snap { 
    border-radius: 0 !important; 
} 
.table-bordered.table-snap:first-child thead:first-child tr:first-child > th:first-child, 
.table-bordered.table-snap:first-child tbody:first-child tr:first-child > td:first-child, 
.table-bordered.table-snap:first-child tbody:first-child tr:first-child > th:first-child, 
.table-bordered.table-snap:first-child { 
    border-top-left-radius: 4px !important; 
} 
.table-bordered.table-snap:first-child thead:first-child tr:first-child > th:last-child, 
.table-bordered.table-snap:first-child tbody:first-child tr:first-child > td:last-child, 
.table-bordered.table-snap:first-child tbody:first-child tr:first-child > th:last-child, 
.table-bordered.table-snap:first-child { 
    border-top-right-radius: 4px !important; 
} 
.table-bordered.table-snap:last-child thead:last-child tr:last-child > th:first-child, 
.table-bordered.table-snap:last-child tbody:last-child tr:last-child > td:first-child, 
.table-bordered.table-snap:last-child tbody:last-child tr:last-child > th:first-child, 
.table-bordered.table-snap:last-child { 
    border-bottom-left-radius: 4px !important; 
} 
.table-bordered.table-snap:last-child thead:last-child tr:last-child > th:last-child, 
.table-bordered.table-snap:last-child tbody:last-child tr:last-child > td:last-child, 
.table-bordered.table-snap:last-child tbody:last-child tr:last-child > th:last-child, 
.table-bordered.table-snap:last-child { 
    border-bottom-right-radius: 4px !important; 
} 

所有你现在需要做的是应用.table-snap类要“捕捉”到它的兄弟姐妹每个表，你应该得到你想要的结果：http://jsfiddle.net/ycTj8/