在移动视图中更改表类？

我正在使用Bootstrap，我希望我的表具有应用于移动视图的table-condensed类，以及应用于移动大小以上的table-responsive类。在移动视图中更改表类？

什么是最好的方法呢？有没有办法在SASS中做到这一点？

我刚刚在SASS中偶然发现'extend'，但我不认为这是我所需要的，因为当我尝试实现它时，我无法在媒体查询中使用它，工作确定

谢谢:)

（我在努力尝试，包括我的代码，但我得到一个错误）

来源

2016-01-16 arieii

即使有人能指向我的一些关键字的方向来搜索我会非常感激它，我认为我的问题是我没有搜索正确的关键字/短语来获得我正在寻找的答案 – arieii

你可以使用jQuery调整功能

例如

$(window).resize(function() { 
var screenwidth = $(document).width(); 
if(screewidth <= 480) 
{ 
    $("#table").removeClass("table-responsive"); 
    $("#table").addClass("table-condensed"); 
} 
else 
{ 
    $("#table").removeClass("table-condensed"); 
    $("#table").addClass("table-responsive"); 
} 
});

来源

2016-01-16 04:52:36

如果您正在使用SASS您可以在移动使用媒体查询时指定表的属性：

SASS：

$break-small: 320px; 
$break-large: 1200px; 
.table { 
    //Default table properties 
    @media screen and (max-width: $break-small) { 
    //small screen size table properties 
    } 
    @media screen and (min-width: $break-large) { 
    //Large screen size table properties 
    } 
}

如果您正在使用CSS：

table{ 
    //Regular table properties 
} 
@media screen and (min-width: 480px) { 
    //small screen size table properties 
}

来源

2016-01-16 04:53:02 Froy

在移动视图中更改表类？

回答

相关问题