how to hide columns using bootstrap 4.2

Hi, I am struggling to find a way to hide a certain column on a small screen size. Your help is highly appreciated. Thanks

In the Bootstrap Studio app, select the column you want to style. Then in the Options pane (top/right) select the Gear Icon and go to the Responsive Display section, click to expand it. Then in the Display option set to None. Then click on the arrow next to the Display options wording to expand that section. For whichever of the media sizes you want the column to re-appear, set it's option to Block, or which one of the options works best for you.


You can also apply the following classes to the column:

.d-none .d-sm-block