将现有的基于表格的内容迁移到Bootstrap。
使用以下逻辑格式存在现有表（版本1）。它是表格中的一个表格。
<table-1>
|-----------------------------------------------------------|
| <td-1> | | | | <td-5> |
| | <table-2> | | | |
| | <td-2> | <td-3> | <td-4> | |
| |-----------|--------|--------| |
| | | | | |
| |-----------|--------|--------| |
| | | | | |
| |-----------|--------|--------| |
|-----------------------------------------------------------|
</table-1>
我对版本2的计划是使用像这样的Bootstrap：
<div class="container-fluid">
<div class="row">
<div class="col-md-3">
...
实现这样的3列布局：
|<- col-md-3 ->| <---- col-md-6 ---->|<- col-md-3 ->|
如何将内部表（table-2）单元格格式（特别是）转换为bootstrap布局？
一些其他信息：
表-2格式化动态内容 - 来自JSON文件的内容。
因此，table-2的行数因JSON文件中的项目数而异。
插入逻辑单元格中的项目是图像。我的目标是Bootstrap根据显示器的宽度显示图像数量（如果是肖像则更少，如果是横向，则更多）。
这是我的Bootstrap初始化：
<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">
我相信这是正确的初始化，但如果我错了请纠正。