Javascript 使用引导创建动态网格以显示视频

我正在使用Bootstrap和javascript进行视频聊天。现在，视频聊天中的每个人都有一个大小相等的视频流“查看窗口”。两个人加入后，必须向下滚动才能看到下一个人。我想要的是一种方法，通过引导，从一个单元开始，以400x400px的尺寸填充整个网格。如果另一个人加入聊天，它将调整两个视频的大小，使其大小相等，即200x200px。然后，如果另一个加入，它将再次将它们的大小调整为100x100px

---

我现在正在使用面板默认设置，因此代码没有太多内容可供展示，我是引导新手，还没有找到一种方法来实现我想要的功能。

使用引导网格。您可以根据视频数量动态更改网格类

---

使用引导网格。您可以根据视频数量动态更改网格类

让我们从

<div class="col-xs-8 video-panel"></div>

然后可以使用以下类添加新的div：

<div class="col-xs-4 video-panel"></div>

更新类并添加使用javascript所需的新html标记。为

列xs-*

类添加工作，您必须添加twitter引导的引用

<div class="col-xs-8 video-panel"></div>

然后可以使用以下类添加新的div：

<div class="col-xs-4 video-panel"></div>

---

更新类并添加使用javascript所需的新html标记。为

col xs-*

类添加要工作的内容您必须添加twitter引导的参考资料

谢谢，今晚我将尝试一下。看起来很简单，我知道我必须把事情复杂化。对不起，我被另一个项目耽误了。是的，这个解决方案确实有效。我遇到了其他问题，视频不在专栏的范围内，但我相信我现在已经解决了。谢谢，今晚我将尝试一下。看起来很简单，我知道我必须把事情复杂化。对不起，我被另一个项目耽误了。是的，这个解决方案确实有效。我遇到了其他问题，视频不在专栏的范围内，但我相信我现在已经解决了。

<div class="col-xs-2 video-panel"></div>
<div class="col-xs-2 video-panel"></div>
<div class="col-xs-2 video-panel"></div>