如何使用媒体查询将 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
。希望这有帮助。
我在使用 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
。希望这有帮助。