Twitter bootstrap 3 小型设备的隐藏列

Twitter bootstrap 3 小型设备的隐藏列,twitter-bootstrap-3,jquery-bootgrid,Twitter Bootstrap 3,Jquery Bootgrid,我使用bootstrap3和bootgrid来显示表 有没有办法在小型设备中隐藏某些列? 我在th元素中使用classhiddenxs,但它仍然显示数据(而不是列) 我的问题是: 如何隐藏小型设备的列 如何仅为小型设备隐藏导航标题 在此解决方案中,您需要使用媒体查询 只有在特定条件为真时,它才使用@media规则包含CSS属性块。 像这样: @media only screen and (max-width: 600px) { body { background-color: light

我使用bootstrap3和bootgrid来显示表

有没有办法在小型设备中隐藏某些列? 我在
th
元素中使用class
hiddenxs
,但它仍然显示数据(而不是列)

我的问题是:

  • 如何隐藏小型设备的列
  • 如何仅为小型设备隐藏导航标题

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

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

    您可以在屏幕上设置小于600像素的条件, 适用于不同类型的屏幕。 对你来说,我希望是这样:

      @media (max-width: 500px ) {
    
        #columnsID {
            display: none;
        }
    }
    

    这很有效。我可以用一些引导名称来代替“500px”吗?是的,你可以。正如你所知道的,媒体查询是用于响应应用程序的。您可以添加不同的java脚本选项和引导选项