组织我的模态，不能在表-Bootstrap 3中添加TH列

Question

我在组织我的模态时遇到了一些麻烦。

现在它全部显示在一个大栏目中，例如

我希望将游戏信息放入列中，例如

我需要水平展开，因为它们在屏幕上运行时会让它们堆叠在一起看起来很乱。

我已尝试将其封装在其他tr和th代码中，但收到错误消息Element th cannot be nested inside element table。

这是一个 JSFiddle ，试图模拟设置。 （这不包括我收到错误的其他包装器tr和th标签）

用户信息包括名称到 bio ，游戏信息包括 twitch.tv 到必需通知。

感谢您的帮助！

修改

我的尝试简而言之

<table>
<tr>
<th>
user info
</th>
<th>
game info
</th>
</tr>
</table>

所有四个th代码都表示它们缺少开始/结束标记，或者它不能嵌套在table内。

Answer 1

必须在我的数据周围添加额外的tables，以便编译器喜欢它。

<table>
   <tr>
   <th>
      <table id="userinfo">
      user info
      </table>
  </th>
  <th>
     <table id="gameinfo">
      game info
     </table>
  </th>
  </tr>
</table>