隐藏小型设备的列

Question

我正在使用 bootstrap 3 和 bootgrid 来显示表格。

有没有办法在小型设备中隐藏某些列？ 我在 th 元素中使用 class hidden-xs，但它仍然显示数据（不是列）。

我的问题是：

1. 如何为小型设备隐藏列。
2. 如何仅针对小型设备隐藏导航header？

Answer 1

在此解决方案中，您需要使用媒体查询 它使用 @media 规则仅在特定条件为真时包含 CSS 属性块。 像这样：

@media only screen and (max-width: 600px) {
body {
    background-color: lightblue;
}

}

您可以在此处设置 < 600 像素的屏幕条件， 为不同类型的屏幕做。 对你来说，我希望是这样:

  @media (max-width: 500px ) {

    #columnsID {
        display: none;
    }
}