在resize上更改包含行的表头

Question

我不是一名优秀的设计师，请耐心等待这些插图。

我有这样的表

但是当我们调整大小或移动屏幕时，表格应该变为：

请指导

Answer 1

这些是要添加到每个表行的Bootstrap类，以便在移动设备上生成所需的布局。您需要确保yu具有正确的引导程序js和css文件才能使其正常工作。您可以从bootstrap网站获取这些内容以及有关引导网格如何工作的教程。

<table class="row">
  <td class="col-xs-6"></td >
  <td class="col-xs-6"></td >
  <td class="col-xs-6"></td >
  <td class="col-xs-6"></td >
  <td class="col-xs-6"></td >
  <td class="col-xs-6"></td >
  <td class="col-xs-12"></td >
  <td class="col-xs-12"></td >
</table>

这只是一个快速的例子，说明了所需的代码类型，但没有看到你的代码很难得到一个正确的想法