如何使用媒体查询将 bootstrap 类 赞及其各自的行为仅应用于移动模式?

How can apply bootstrap classes like and their respective behavior to only mobile mode using media queries?

我在使用 UI 的应用程序中有一个 table 当屏幕宽度减小到小于 600px 时中断。现在我想应用以下 bootstrap classes 向应用程序添加滚动:

 .table-scrollable .table-scrollable-borderless

但是,我不想让卷轴出现在桌面上 UI。

所以,我决定使用媒体查询:

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

}
</style>

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

而且我也不能更改 class 名称,因为我敢肯定,会有一些 jquery 根据这些 class 名称生成卷轴。

请指导。

您想添加 属性

overflow-y: scroll;

给你想要有滚动条的元素。 borderless 当然可以通过 border: none;.

实现

请注意,添加 overflow-y: scroll 时,请务必设置 height。希望这有帮助。