如何使用媒体查询将引导程序类及其各自的行为仅应用于移动模式

Question

我在应用程序中有一个表，当屏幕宽度减少到小于600px时，它会使用UI中断。现在，我想应用以下引导类，为应用程序添加滚动：

 .table-scrollable .table-scrollable-borderless

但是，我不希望滚动显示在桌面UI中。

因此，我决定使用媒体查询：

<style>
@media (max-width: 600px) {
}
</style>

但是，由于这些不是我自己定制的类，而是从bootstrap继承的类。我不知道如何从媒体查询中调用。

我也不能更改类名，因为我确信会有一些jquery基于这些类名生成卷轴。

请引导。

Answer 1

您想要添加属性

overflow-y: scroll;

到您想要的元素有一个滚动条。而CCD_ 1当然可以通过CCD_ 2来实现。

请注意，在添加overflow-y: scroll时，重要的是要有一个集合height。希望这能有所帮助。