Bulma 中的列是水平放置的，我们可以固定一行中的列数并在另一行中休息吗？

Question

<section class="section">
<div class="container">
    <div class="tile is-ancestor">
        '''{% for service in allServices %}'''
        <div class="tile is-vertical is-parent">
            <div class="tile is-child box">
              <h1 class="title is-centered">{{service.serviceTitle}} </h1>
            </div>
        </div>
        '''{% endfor %}'''
    </div>
</div>

[

如果我继续添加列，无论您有多少列，它都会水平放置*

Answer 1

如文档中所述，在一行中设置固定数量的列的最简单方法是将它们放在 columns 元素中，然后使用第二个 columns 元素作为休息。
但您也可以将 class is-multiline 添加到您的 columns 容器中并使用 size classes（如 is-half、is-one-third 等...）定义适合一行的元素，因此其余元素将使用另一行。
Here is the documentation about is-multiline，但如果您希望所有 column 元素具有相同的大小，使用 2 columns 容器会更容易。

Bulma 中的列是水平放置的，我们可以固定一行中的列数并在另一行中休息吗？

Columns in Bulma lies horizontally, can we fix the number of column in one row and rest in another?

html

django

bulma