bootstrap 4内柱间距

Question

设计和编码方面的新手，以及我的第一个freeCodeCamp项目。无论如何，我有一行分为三个中等列，如下所示：

＆＃13;

＆＃13;

<div class="row">
  <div class="col-md-4 pb-3"></div>
  <div class="col-md-4 pb-3"></div>
  <div class="col-md-4 pb-3"></div>
</div>

＆＃13;

＆＃13;

＆＃13;

pb-3类只是在每个项目下面为移动设备添加一些填充。无论如何，每列都嵌入了YouTube视频。在桌面上，外部列的外边缘上的填充恰好是正确的，但是列之间的填充太多，可能是因为每个列都提供了自己的填充，因此填充加倍。我已经尝试调整填充来修复此问题，但问题是，如果我给不同的列添加不同的填充，YouTube内容会调整大小并且看起来很糟糕。

Here's the link to the full CodePen如果有人想仔细看看。

谢谢！

〜赛斯〜