Tabellenzeilen für Handy oder Tablet ausblenden

Question

Ich benutze twitter bootstrap 3.3 und ich möchte bestimmte Spalten im mobilen oder Tablet-Modus ausblenden.

Gibt es bestimmte Klassen, die ich verwenden kann, um die Spalten zu verbergen, wenn sie in Mobile oder Tablet sind.

z.B.

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

Answer 1

Sie können Medienabfragen verwenden. Ich hoffe, Sie kennen Medienanfragen.

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

Answer 2

Nicht sicher Geräte-Targeting, aber Sie können die Utility Classes verwenden:

.hidden-xs 
.hidden-sm 

funktionieren sollte

Answer 3

Es gibt Bootstrap Klassen:

• hidden-xs
• hidden-sm

Aber aus irgendeinem Grund scheint es eine Störung zu sein, wo man nur eine von ihnen können auf einige Geräte. Zum Beispiel, wenn ich <td class='hidden-xs hidden-sm'> habe, dann verbirgt es nur für die Tablet-Größe oder "sm".

Answer 4

Siehe Link: 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 

auf Medium-Geräte nur anzuzeigen, können Sie kombinieren die beiden:

hidden-sm-down and hidden-xl-up