我有一个简单的页面，左边有一个col，右边是一个col（第一次使用Bootstrap 4，通常是使用Bootstrap 3）
<div id="cbp-spmenu-s1" class="col-3 cbp-spmenu">
...
</div>
<div class="col pl-0 pr-0 pt-0 pb-0 d-none d-md-block" style="background-color: black;">
.....
</div>
右侧部分包含视频，我不想在移动设备上显示它（因此，d-none仅显示中级和更大）
但是现在我仍然停留在col-3上，我希望在移动设备上显示时成为col
我该如何做？