Twitter Bootstrap Responsive - Mostra colonna tabella solo sul desktop

Question

Sto usando DataTables.net + Twitter Bootstrap e il layout reattivo, quello che sto cercando è nascondere alcune colonne del tavolo usando la classe "visible-desktop" mostra le colonne solo in grandi dimensioni ma sembra non funzionare, si nasconde bene ma se ridimensiono le finestre per ottenere una larghezza del desktop le colonne nascoste iniziano a mostrare in pila, sembra un problema della classe di visualizzazione CSS, perché eredita il tipo di visualizzazione dal genitore :

.visible-desktop { 
    display: inherit!important; 
} 

Se ho manipolarlo per

.visible-desktop { 
    display: table-cell!important; 
} 

funziona bene ... C'è una soluzione per questo? O devo scrivere la mia classe per nascondere la colonna della tabella?

Answer 1

fine ho scoperto che esiste una soluzione alternativa che sostituisce:

visible-desktop 

da

hidden-phone hidden-tablet 

Speranza aiuta qualcuno!

Answer 2

Su Boostrap 3.0 utilizzare le classi responsive .visibilty-<size> o .hidden-<size> come descritto nel documento ufficiale.

http://getbootstrap.com/css/#responsive-utilities-classes

Answer 3

classi disponibili per .visible e .hidden.

Utilizzare una singola o una combinazione delle classi disponibili per alternare il contenuto tra i punti di interruzione della vista.

Dalla sezione Bootstrap qui http://getbootstrap.com/css/#responsive-utilities-classes