html - 带有多个tr的多个tbody中的表 bootstrap

我是一个简单的表，我使用bootstrap和类表和条带表。它工作得很好。

<h3>Old table</h3>
<table class="table table-striped">
    <thead>
        <tr><th>Brand</th><th>Model</th></tr>
    </thead>
    <tbody>
        <tr><td>Audi</td><td>A1</td></tr>
        <tr><td>Audi</td><td>A2</td></tr>
        <tr><td>Audi</td><td>A3</td></tr>
        <tr><td>Audi</td><td>A4</td></tr>
    </tbody>
</table>

但现在我不得不把表复杂化，在table元素中使用多个tbody（每个tbody有两个tr元素）。所以引导类表striped不起作用。有什么方法可以在引导程序中完成吗？带有cars的行应该是表条带化的，但是注释行不应该。

<h3>Current table</h3>
<table class="table table-striped">
    <thead>
        <tr><th>Brand</th><th>Model</th></tr>
    </thead>
    <tbody>
        <tr><td>Audi</td><td>A1</td></tr>
        <tr class="comment"><td colspan="2">Comment...</td></tr>
    </tbody>
    <tbody>
        <tr><td>Audi</td><td>A2</td></tr>
        <tr class="comment hide"><td colspan="2">Comment...</td></tr>
    </tbody>
    <tbody>
        <tr><td>Audi</td><td>A3</td></tr>
        <tr class="comment"><td colspan="2">Comment...</td></tr>
    </tbody>
    <tbody>
        <tr><td>Audi</td><td>A4</td></tr>
        <tr class="comment hide"><td colspan="2">Comment...</td></tr>
    </tbody>
</table>

Plunker example

最佳答案

引导的工作将比放入您自己的自定义类复杂得多。table-striped的bootstrap source只会使所有奇数行具有不同的颜色。这意味着，如果你试图让bootstrap为你做这件事，而不是自己把它放进类中，你可能会得到更深的理解，给自己带来更多的麻烦。

关于html - 带有多个tr的多个tbody中的表 bootstrap ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20177123/