Android 引导4页面在某些移动分辨率下无法正确显示

我构建了一个基于bootstrap4示例的网页

当尝试以负责任的设计模式显示时：Firefox的980 x 1280，所有内容都正确显示

但实际上，在生产模式下，当我从Galaxy Tab 2浏览页面时，我得到的边链接（蓝色）与主要内容重叠，特别是一些“OK！”按钮

请在此处查看结果：

可从以下网址获取来源：

您能告诉我如何解决这个问题吗？

用class=“table responsive”包装表格

---

您没有正确设置网格系统。

适用于您案例中的传感器管理器部分
右边的菜单应该对你有帮助

简单快速设置溢出：在表的父div中滚动样式

<div style="overflow:scroll">
    <table>
    .
    .
    .
    .
    </table>
</div>

.
.
.
.

---

创建具有溢出属性的“css类”并在媒体查询中处理它的最佳方法。

@TariqJaved提供了正确答案。还要记住，Bootstrap 4仍处于alpha状态，因此您可能会遇到一些不一致的情况。添加时，我确实不再得到与主要内容重叠的侧链接，但所有“OK！”按钮都已被删除：s529471052.onlinehome.fr/1.2/sensors/sensors15.html（以980x1280分辨率显示的问题）您预期会发生什么？该表的内容太宽，无法容纳较小的宽度。该表响应迅速，可水平滚动

<div class="row">
  <div class="col-8">For Sensor Manager section in your case </div>
  <div class="col-4">For the right side menu should help you</div>
</div>

<div style="overflow:scroll">
    <table>
    .
    .
    .
    .
    </table>
</div>