屏幕尺寸小於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：滾動; }