如何使用 Bootstrap 5 在 div（父级）中创建较小的（子级）div
How to create a smaller (child) div within a div (parent) with Bootstrap 5
使用 bootstrap5，我希望在父对象的右下角创建一个较小的 div。
两个 div 都应该响应，因为它们包含视频。
从 Bootstrap Utilities Docs 开始，此行为应通过
解决
<div class="position-relative">
this is the parent
<div class="position-absolute bottom-0 end-0">Child</div>
</div>
目标是显示应该类似于 whats-app 界面风格，您可以在较小的 window 中拥有自己的视频流，而另一个视频则位于较大的（父级）div.
我尝试了几种选择，但都没有成功。参见 Fiddle
您的 fiddle 不包含 Bootstrap，您需要将其包含在左侧菜单的 Resources 部分。
我不确定我是否知道 WhatsApp 是如何放置其视频的，但我猜你想要类似于网络会议的东西，比如 Zoom 或 MS Teams。如果是这样，这是您的 fiddle.
使用 bootstrap5，我希望在父对象的右下角创建一个较小的 div。 两个 div 都应该响应，因为它们包含视频。 从 Bootstrap Utilities Docs 开始，此行为应通过
解决<div class="position-relative">
this is the parent
<div class="position-absolute bottom-0 end-0">Child</div>
</div>
目标是显示应该类似于 whats-app 界面风格，您可以在较小的 window 中拥有自己的视频流，而另一个视频则位于较大的（父级）div.
我尝试了几种选择，但都没有成功。参见 Fiddle
您的 fiddle 不包含 Bootstrap，您需要将其包含在左侧菜单的
Resources部分。我不确定我是否知道 WhatsApp 是如何放置其视频的，但我猜你想要类似于网络会议的东西，比如 Zoom 或 MS Teams。如果是这样，这是您的 fiddle.
