隐藏小型设备的列

Question

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

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

我的问题是：

1. 如何为小型设备隐藏列。
2. 如何只为小型设备隐藏导航标题？

Answer 1

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

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

}

在这里您可以在

  @media (max-width: 500px ) {

    #columnsID {
        display: none;
    }
}