将水平滚动应用于包含网格的div，以实现所有屏幕分辨率

Question

我已经把屏幕布局划分为两个部分，每个部分都是col-lg-6.我已经放置了一个网格，其中有6个列在col 6中。对于台式机尺寸超过1280 lg的宽度，网格适当地适合于col-lg-6。但低于1280 of的屏幕大小，网格超过了co-6的大小。

当屏幕尺寸小于1280 to时，我想将水平滚动应用到Grid或Grid容器div。(让我们考虑最低移动屏幕大小可达300 to )。

我尝试了以下不同的解决办法：

1. 为网格表

的td标记应用空白=法线

1. 在网格容器div

中应用表响应类。

1. 在网格级别应用表响应-lg表响应-md表响应-sm

链接https://jsfiddle.net/glebkema/zaazhp2d/.提供的

1. 解决方案

1. 将滚动应用于网格容器div，使用媒体查询屏幕宽度低于1280 px.

但这些都没有用。我无法理解我错过了什么CSS样式。在一些页面中，我使用了响应表的类，它对我起作用，但在这里却并非如此。我最近已经开始使用引导4响应设计。

Answer 1

试着在css下面为水平滚动应用。

.your-grid-container{
    overflow-x: scroll;
    white-space: nowrap;
}