Tendo um problema com os novos utilitários responsivosclasses ocultas / visíveis, ao migrar paraBootstrap 4. Estou ciente de que as classes .hidden foramremovido da v3 e substituído com.hidden-*-up .hidden-*-down. Usando o novo.hidden-*-up.hidden-*-down classes, mas os elementos não estão mudando para visível / oculto. Não consigo descobrir o porquê.

<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 neste exemplo, independentemente do tamanho da tela (Safari, Modo de design responsivo)