javascript - 如何解决平板电脑无法正确显示的 col-md 问题

Question

在全屏和移动设备上，范围面板 (class="col-md-3") 正确显示，但在平板电脑上，左栏被 youtube 图像面板 (class="col-12 col-md-9") 覆盖。

我已经为 div 样式尝试了多种配置，但对 Bootstrap css 的修复了解不足。任何帮助将不胜感激。www.topjocks.co.za/saddler/

与全屏一样，左侧范围面板不应隐藏在 youtube 图像后面。

标签： javascriptbootstrap-4

Answer 1

在平板电脑模式下，您的 Range Image 比 col-md-3 长。这就是为什么它隐藏图像的右侧部分。

解决方案。您可以将 col-md-3 调整为 col-md-5 并将 youtube div 更改为 col-md-7。