爲手機或平板電腦隱藏表格行

Question

我使用的是twitter bootstrap 3.3，並且我想在手機或平板電腦模式下隱藏某些列。

是否有特定的類可用於在移動設備或平板電腦中隱藏列。

例如

<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

有自舉類：

• hidden-xs
• hidden-sm

但是，出於某種原因，似乎有一個小故障，您只能使用其中的一個一些設備。 例如，如果我有<td class='hidden-xs hidden-sm'>，那麼它只隱藏平板電腦大小或'sm'。

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