Как отобразить ни один столбец начальной загрузки на маленьком экране, например, на мобильном телефоне или планшете?

Question

В моем коде одна строка и три столбца.Я хочу спрятать первый столбец в маленьком устройстве, а не на большом экране.Я попробовал этот код, но не решил.

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" >
<div class="row">
  <div class="d-none d-sm-block col-sm-2 ">
    Remove this column in small device Not on large screen
  </div>

  <div class="col-sm-7">
    Visiable on small or large
  </div>

  <div class="col-sm-3 ">
    Visiable on small or large
  </div>

</div>

Как скрыть первый столбец и отобразить второй и третий столбец на устройстве с небольшим экраном?