Класс Bootstrap 4 hidden-X-(вниз/вверх) не работает

но нет способа заставить работать скрытый X-вверх или скрытый X-вниз. Вот пример моего кода:

    <div class="container">
      <div class="row">
        <div class="col-md-3 hidden-md-down">
          <p class="title">Join us</p>
          <p class="subtitle">Just click on the button below</p>
          <p class="link"><a href="#" class="outstanding-link">the button below</a></p>
        </div>
      </div>
    </div>

он должен быть виден с 3 столбцами на устройствах среднего размера (более 720 пикселей), но скрыт на устройствах меньшего размера.

Вот фрагмент