隐藏小型设备的列

Question

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

是否可以在小型设备中隐藏某些列？ 我在hidden-xs元素中使用类th，但它仍显示数据（而不是列）。

我的问题是：

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

Answer 1

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

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

}

在这里您可以在屏幕上设置<600 px的条件， 针对不同类型的屏幕执行此操作。 我希望你能这样：

  @media (max-width: 500px ) {

    #columnsID {
        display: none;
    }
}