时间戳

首页 > 解决方案 > 如何让文本在 Bootstrap 中环绕多个列

flask - 如何让文本在 Bootstrap 中环绕多个列

问题描述

我正在使用 Flask 和 Bootstrap 构建一个站点，并且我有一长串要在页面上显示的对象。我有一个 6 列布局，我希望列表从一列溢出到下一列。我知道我可以在 python 端做到这一点，但我想知道是否有引导程序或 CSS 可以处理它的方法？

更新：更好的解释 --> 我希望将一长串名称分成六个相等（ish）列。我可以在后端划分列表，但希望有一种方法可以在前端执行此操作。

更新更新：呃！这就是我一直在寻找的...

'''Jinja 
<div class="container">
    <div class="row">
        <div class="col-2">
            <!--I want this part to flow over all 6 columns-->
            {% for name in names %}
                {{name.firstname}} {{name.lastname}} <br>
            {% endfor %}
        </div>
    </div>
</div>
''''

因为这些列在 12 列之后自动换行，所以我不需要对每一列进行编码。这就是我所缺少的。谢谢大家！

标签： flaskbootstrap-4

解决方案

这就是我要找的

'''Jinja 
<div class="container">
    <div class="row">
        <div class="col-2">
            <!--I want this part to flow over all 6 columns-->
            {% for name in names %}
                {{name.firstname}} {{name.lastname}} <br>
            {% endfor %}
        </div>
    </div>
</div>
''''

我不需要单独编码每一列！for 循环将每个项目放在一个 2 列宽的列中，该列在总共 12 列之后自动换行。这就是我所缺少的。谢谢大家！

推荐阅读