Twitter bootstrap CSS中引导网格的表

有没有一种方法可以将表转换为引导网格，而不使用CSS。我不能使用jquery重写标记，因为该表附加了另一个带有事件等的JavaScript

我想实现单元堆叠在xs设备上

发件人：

牢房11
第12单元
第13细胞同侧染色体。。。阿利奎亚姆大酒店
欧罗巴14号牢房。。。欧罗巴
...

致：

牢房11
第12单元
第13细胞同侧染色体。。。阿利奎亚姆大酒店
欧罗巴14号牢房。。。现存的欧罗巴人
...

我创建了一个小演示

• 上半部分是我得到的那种桌子

• 下半部分是我想归档的外观。将宽度减小到xs设备级别以查看差异

---

这不是对的重复，因为在该回答中单元格将没有堆栈。

您的演示链接给出了404错误。你能在这里发布一些代码吗？这是首选方法。@terrymorse抱歉，Bootply有问题。为问题添加了代码片段。看起来像是一些简单的javascript来遍历您的表元素并创建与引导等价的元素就可以了。hiccup在哪里？@terrymorse我们正在使用一个服务器框架+客户端js框架来创建表，我对代码生成影响不大。如果我更改了标记，表附加的事件、逻辑等将不再工作。对不起，我想不出一种不修改DOM就生成引导元素的方法。好吧，表格单元格永远不会堆叠。你必须使用divs。你的演示链接给出了一个404错误。你能在这里发布一些代码吗？这是首选方法。@terrymorse抱歉，Bootply有问题。为问题添加了代码片段。看起来像是一些简单的javascript来遍历您的表元素并创建与引导等价的元素就可以了。hiccup在哪里？@terrymorse我们正在使用一个服务器框架+客户端js框架来创建表，我对代码生成影响不大。如果我更改了标记，表附加的事件、逻辑等将不再工作。对不起，我想不出一种不修改DOM就生成引导元素的方法。好吧，表格单元格永远不会堆叠。你必须使用div。

<table class="table table-bordered">
    <tbody>
        <tr>
            <td>cell11</td>
            <td>cell12</td>
            <td>cell13 Lorem ipsum ... magna aliquyam</td>
            <td>cell14 Li Europan ... li existent Europan</td>
        </tr>
        ...
    </tbody>
</table>

<div class="col-xs-12 table-bordered gridtable">
    <div class="row">
        <div class="col-xs-6 col-md-1">cell11</div>
        <div class="col-xs-6 col-md-1">cell12</div>
        <div class="col-md-4">cell13 Lorem ipsum ... magna aliquyam</div>
        <div class="col-md-6">cell14 Li Europan ... existent Europan</div>
    </div>
    ...
</div>