我正在使用Bootstrap和JavaScript進行視頻聊天。現在，對於視頻聊天中的每個人來說，其視頻流都有相同大小的「視圖窗口」。兩人加入後，必須向下滾動才能看到下一個人。我想要的是一種使用bootstrap的方法，以一個單元格開始，尺寸爲例如400x400px填充整個網格。如果其他人加入聊天，則會將兩個視頻的尺寸調整爲相同大小，因此爲200x200px。然後，如果還有人加入，它會再次調整大小到100x100px。使用Bootstrap創建動態網格以顯示視頻
我現在正在使用面板面板 - 默認值，所以沒有太多的代碼顯示，我是bootstrap新手，一直沒有找到辦法做我想做的事情。
讓你開始
<div class="col-xs-8 video-panel"></div>
當一個人加入，你需要添加更多的股利和更新的類前面的DIV。如果一個
<div class="col-xs-4 video-panel"></div>
<div class="col-xs-4 video-panel"></div>
同樣，：
<div class="col-xs-4 video-panel"></div>
最終的HTML看起來像這樣：你可以選擇
".video-panel"
然後你可以用下面的類添加新的div訪問以前的div更多人加入，然後將類更新爲col-xs-2用於選擇器.video-panel，然後再添加一個div元素與類col-xs-2 video-panel
最終的HTML看起來像這樣
<div class="col-xs-2 video-panel"></div>
<div class="col-xs-2 video-panel"></div>
<div class="col-xs-2 video-panel"></div>
更新類，添加你需要使用JavaScript新的HTML標籤。添加爲col-xs-*類的工作，你必須添加twitter引導的參考
使用引導網格。您可以根據視頻數量動態地更改網格類
謝謝，我今晚會試試這個。看起來很簡單，我知道我必須讓事情變得複雜。 – jcalton88
該解決方案是否有效？ –
對不起，我被拉下了另一個項目。是的，該解決方案確實有效。我遇到了其他問題，視頻不在列的範圍內，但我相信現在我已經完成了所有這些工作。 – jcalton88