Скрытые колонны для небольших устройств - PullRequest
0 голосов
/ 20 сентября 2018

Я использую bootstrap 3 и bootgrid для отображения таблиц.

Есть ли способ скрыть некоторые столбцы на небольших устройствах?Я использую класс hidden-xs в th элементах, но он по-прежнему отображает данные (не столбцы).

Мои вопросы:

  1. Как скрыть столбец длямаленькие устройства.
  2. Как скрыть заголовок навигации только для небольших устройств?

1 Ответ

0 голосов
/ 20 сентября 2018

в этом решении вам нужно использовать медиазапросы. В нем используется правило @media, чтобы включить блок свойств CSS, только если определенное условие выполняется.как это:

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

}

здесь вы можете установить условие на экране <600 px, сделайте это для экрана другого типа.для тебя я надеюсь, что это путь: </p>

  @media (max-width: 500px ) {

    #columnsID {
        display: none;
    }
}
...