モバイルまたはタブレットのテーブル行を非表示にする

Question

私は、Twitterのブートストラップ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

がしかし、何らかの理由で、あなただけのそれらの1つに使用することができますグリッチがあるように思われますいくつかのデバイス。 控除の場合、<td class='hidden-xs hidden-sm'>がある場合は、タブレットサイズまたは 'sm'にのみ非表示になります。

Answer 4

リンクを参照してください：あなたは2を組み合わせることができ、唯一のメディアデバイス上で表示するには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