我正在使用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