Estoy tratando de ocultar columnas para mi diseño de respuesta cuando encol-xs ycol-sm. Primero intenté usarhidden-xs/hidden-sm Clases, pero esto no funcionó. También traté de usarvisible-desktop como se menciona aquí:Twitter Bootstrap Responsive - Mostrar columna de tabla solo en el escritorio

Eso tampoco funcionó. ¿Cuál es la mejor manera de hacer esto? Prefiero no hacer dos tablas separadas y luego ocultar una o la otra.

Código que probé que no está funcionando actualmente:

<table>
    <thead>
        <th>Show All the time</th>
        <th class="hidden-xs hidden-sm">Hide in XS and SM</th>
    </thead>
    <tbody>
        <tr>
            <td>Show All the time</td>
            <td class="hidden-xs hidden-sm">Hide in XS and SM</td>
        </tr>
    </tbody>
</table>