在全屏和移动设备上，范围面板(class="col-md-3"(显示正确，但在平板电脑上，左列被YouTube图像面板(class="col-12 col-md-9"(覆盖。
我已经尝试了div 样式的多种配置，但对 Bootstrap css 的了解还不够多。任何帮助将不胜感激。www.topjocks.co.za/saddler/
与全屏一样，左侧范围面板不应隐藏在YouTube图像后面。
您的范围图像在平板电脑模式下比 col-md-3 长。这就是为什么它隐藏了图像的右侧部分。
溶液。 您可以将 col-md-3 调整为 col-md-5，并将 youtubediv 更改为 col-md-7。
在这种情况下，使用适当的引导网格系统会有所帮助，因为您使用的图像更长，因此最好为不同的屏幕尺寸使用正确的列类
<div class="col-md-5 col-lg-3">
</div>
<div class="class="col-12 col-md-7 col-lg-9"">
</div>
这将有助于解决您网站上的平板电脑问题。 有关电网系统的更多信息 https://getbootstrap.com/docs/4.3/layout/grid/