隐藏手机或平板电脑的表格行

Question

我正在使用Twitter bootstrap 3.3，我想在移动或平板电脑模式下隐藏某些列。

在移动设备或平板电脑上，是否有可用于隐藏列的特定类。

e.g。

<td class="mobile-hidden tablet-hidden">blah</td>

Answer 1

您可以使用媒体查询。希望您了解媒体查询。

@media screen and (min-width: 401px) and (max-width: 1024px) {
  .tablet-hidden { display: none; }  
}

Answer 2

不确定设备定位，但您可以使用Utility Classes：

.hidden-xs
.hidden-sm

应该有效

Answer 3

有Bootstrap类：

• hidden-xs
• hidden-sm

但是，出于某种原因，似乎存在一个小故障，你只能在某些设备上使用其中一个。 对于exaple，如果我有<td class='hidden-xs hidden-sm'>，那么它只会隐藏平板电脑尺寸，或者＆＃39; sm＆＃39;。

Answer 4

参考链接：http://v4-alpha.getbootstrap.com/layout/responsive-utilities/

.hidden-md-up to hide on medium, large and extra large devices.


.hidden-md-down to hide on medium, small and extra-small devices

要仅在中型设备上显示，您可以将两者结合使用：

hidden-sm-down and hidden-xl-up