組織我的Modal，無法在表中添加TH列-Bootstrap 3

Question

我在組織我的Modal時遇到了一些麻煩。

現在它所有的顯示器在一個大列如

我想遊戲信息被放入一列，如

我需要這是水平分散的，因爲它們在屏幕上運行時，彼此堆疊在一起看起來很雜亂。

我曾嘗試將它們包裹在額外的tr和th標籤中，但我收到錯誤消息說Element th cannot be nested inside element table。

這是一個JSFiddle試圖模擬設置。 （這不包括額外的包裝tr和th標籤，我得到有關錯誤）

用戶信息包括名到生物和遊戲信息包括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>