Скрыть столбцы таблицы с помощью Bootstrap 4

Я знаю, что Bootstrap 4 использует новые утилиты отображения показать или скрыть информацию на основе размера экрана. Мой вопрос в том, как заставить их работать со столом? Я хочу удалить столбцы, поскольку размер экрана меньше.

я использовал "d-xs-none", и это не имеет никакого эффекта. Однако, когда я использую "d-sm-none", столбец удаляется, когда размер " sm " или больше (полная противоположность тому, что мне нужно). Если я попробую "d-none d-xs-none", столбец никогда не появится. Как в: <th class="text-center d-none d-xs-none" scope="col">Location</th>

в принципе, можете ли вы показать мне пример скрытия столбца таблицы при изменении размера браузера на мобильное устройство? Спасибо за помощь!