Css 如何将表格式转换为引导列格式？

我正在将现有的基于表的内容迁移到

引导

具有以下逻辑格式的现有表（版本1）。它是一张桌子中的一张桌子

<table-1>
|-----------------------------------------------------------|
|    <td-1>    |           |        |        |    <td-5>    |
|              | <table-2> |        |        |              |
|              | <td-2>    | <td-3> | <td-4> |              |
|              |-----------|--------|--------|              |
|              |           |        |        |              |
|              |-----------|--------|--------|              |
|              |           |        |        |              |
|              |-----------|--------|--------|              |
|-----------------------------------------------------------|
</table-1>

---

我相信这是正确的初始化，但如果我错了，请更正。

您是否尝试使用BootstrapI的dataTables不熟悉dataTables。但是在检查文档时，我认为它需要JavaScript。我想找到一个HTML解决方案。使用这个很棒的datatables，内部表格格式化一系列图像。我希望逻辑行上的图像数量根据显示器的宽度而变化。例如，纵向可能显示3个图像，但横向可能显示6个图像。

<div class="container-fluid">
<div class="row">
<div class="col-md-3">
...

|<- col-md-3 ->| <----     col-md-6    ---->|<- col-md-3 ->|

<link rel="stylesheet" href="https://cdn.jsdelivr.net/bootstrap/3.3.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bootstrap/3.3.0/css/bootstrap-theme.min.css">
<script src="https://cdn.jsdelivr.net/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">