Bootstrap btn-group的问题，一行中的按钮太长

如何解决Bootstrap btn-group的问题，一行中的按钮太长

我在查看Django模板中的许多按钮时遇到问题。所有按钮都是dict的元素，我正在使用for。问题是它们太多了，它们超过了它们所在的div。是否有一种方法可以在彼此之下的许多水平线上而不是在太长的线上查看它们？

我尝试使用btn-group（因为按钮之前位于垂直线中），这是我的代码：

<div class="btn-group special d-flex btn-group-justified"  role="group">
        {% for x in data %}
            {% with y=x.1  %}
                {% for key in dict %}
                    {% if key == y  %}
                        <p class="col-md-1">
                            <a class="btn btn-outline-dark w-100 btn-block" type="button"  aria-pressed="true" href="{% url 'detail' y %}" >{{ y }}</a>
                        </p>
                    {% endif %}
                {% endfor %}
            {% endwith %}
        {% endfor %}
    </div>