我正在使用bootstrap 4，并且具有类似这样的HTML结构
<div class="row">
<div class="col-3">
<!-- search form -->
</div>
<div class="col-9">
<!-- result data -->
</div>
</div>
现在，在这种结构中，我想将col-3推入菜单栏之类的滑动窗口中，而col-9应该只占据小屏幕的整个空间。
或者，如果我做错了，可以请别人提出一种更好的方法。就像在小屏幕上显示搜索表单和结果一样。
我很难解决这个问题。