Bootstrap 4 utilidades receptivas visibles / ocultas xs sm lg no funcionan

Tener un problema con las nuevas utilidades receptivasclases ocultas / visibles, al migrar aBootstrap 4. Soy consciente de que .hidden- clases han sidoeliminado de v3 y reemplazado con.hidden-*-up .hidden-*-down. Usando el nuevo.hidden-*-up.hidden-*-down clases pero los elementos no están cambiando a visibles / ocultos. No puedo entender por qué.

<div class="col hidden-xs-down">
    <span class="vcard">
        …
    </span>
</div>
<div class="col hidden-lg-down">
    <div class="hidden-sm-down">
                …
    </div>
    <div class="hidden-xs-down">
                …
    </div>
</div>

* nada está oculto en este ejemplo, independientemente del tamaño de la pantalla (Safari, Modo de diseño receptivo)

Respuestas a la pregunta(4)

Su respuesta a la pregunta