Bootstrap 4 引导-如何使用可变高度创建可滚动列表

我有一个列表在一个cardbody，需要能够滚动，因为大约200行项目出现在列表中

这是有效的

    <div class="col col-md-4">

        <div class="card-body">
            <div class="card-header bg-secondary text-white">
                <i class="fas fa-list fa-2x"></i>
            </div>

            <div class="list-group overflow-auto" style="height:800px;">
                {% include 'slotblock/itinerary_worklist.html' %}
                {% block itinerary %}
                {% endblock %}
            </div>

        </div>
    </div>

{%include'slotblock/itinerary\u worklist.html%}
{%block Cinerary%}
{%endblock%}

但是，这种设计的

style=“height:800px；”“

与我正在努力实现的响应性设计格格不入。但是，如果使用任何一个Boostrap 4H-50或h-25类，它根本不会改变高度

实现这一目标的正确方法是什么