屏幕尺寸小于768px时添加水平滚动条

Question

我使用Bootstrap进行响应式设计。但我想用它至少768px（col-sm- *）宽度。

我有一堆与.col- *类的元素，问题是，当我调整窗口大小小于768px时，整个设计失败。

如何限制网站的宽度768px，并在较小的窗口大小上显示水平滚动条？

例如，我用这个假设法，当然，它并不能帮助：

@media screen and (min-width: 0) and (max-width: 768px) { 
    ... 
} 

Answer 1

它会显示一个滚动条，如果宽度参数为true。

@media screen and (min-width: 0) and (max-width: 991px) { 
    overflow: auto; 
} 

Answer 2

如果你想显示滚动条试图在你的CSS @media屏幕中添加这和（最小宽度：0）和（最大宽度：991px）{ 溢出-X：滚动; }