Jquery 引导：以引导网格格式显示多个旋转木马

有动态生成的N个转盘，每个转盘包含1个或多个图像。我想以一种整洁的方式以网格格式显示它们。现在它以水平格式出现

电流形成：

我正在使用Bootstrap4。有没有办法实现我所追求的目标

使用jinja模板的现有代码：

{% for track_id, image_path in image_urls.items %}
        <div>
            <div id="nCarousel" class="carousel slide" data-ride="carousel" data-interval="500">
                <div class="carousel-inner">
                    {% for ip in image_path %}
                    <!-- <h1> Index: {{ forloop.counter }}</h1> -->
                    {% if forloop.counter == 1 %}
                    <div class="carousel-item active">
                        <img class="d-block w-100" src="{{ ip }}" >
                    </div>
                    {% endif %}
                    <div class="carousel-item">
                        <img class="d-block w-100" src="{{ ip }}" >
                    </div>
                    {{ forloop.length }}
                    {% endfor %}
                </div>
                <a class="carousel-control-prev" href="#nCarousel" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#nCarousel" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
        {% endfor %}
        <style> .carousel {
            width:180px;
            height:180px;
        }</style>

{%for track\u id，image\u路径在image\u url.items%}
{映像中ip的%u路径%}
{%if-forloop.counter==1%}
{%endif%}
{{forloop.length}
{%endfor%}
{%endfor%}
旋转木马{
宽度：180px；
高度：180像素；
}

看看这个。我想这就是你要找的

请求：在进一步向下投票之前，你能告诉我这个问题的问题是什么，以便我能向其他用户更清楚地说明问题吗？我真的不明白，谢谢你的回复。但我希望在不同的行中查看，而不是将其放在另一个滑块中。@disp_name好的，您可以尝试将每个旋转木马添加到单独的行中。当然，我将尝试并在完成后接受。非常感谢：）