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

时间:2015-07-05 13:29:24

标签: css twitter-bootstrap responsive-design media-queries css-tables

我在应用程序中有一个表,当屏幕宽度减小到小于600px时使用UI中断。现在我想应用以下引导类来向应用程序添加滚动:

 .table-scrollable .table-scrollable-borderless

但是,我不希望滚动显示在桌面用户界面中。

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

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

}
</style>

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

我无法更改类名,因为我确信,会有一些jquery根据这些类名生成滚动。

请指导。

1 个答案:

答案 0 :(得分:1)

您想要添加属性

overflow-y: scroll;

要使用滚动条的元素。 borderless当然可以通过border: none;来实现。

请注意,添加overflow-y: scroll时,设置height非常重要。希望这会有所帮助。