Html Bulma中的列是水平排列的，我们可以固定一行中的列数而其余的列数在另一行中吗？ ''{%用于allServices%}'中的服务' {{service.serviceTitle} ''{%endfor%}''

[

• 如果我继续添加列，不管有多少列，它都是水平的*

---

正如文档中所说，在一行中有固定数量的列的最简单方法是将它们放在

列
元素中，然后使用第二个
列
元素作为其余元素。

但是您也可以将类
is multiline
添加到
列
容器中，并使用（例如
是一半
，
是三分之一
等）定义适合一行的元素，以便其他元素使用另一行。

，但如果希望所有
列
元素具有相同的大小，则使用2个
列
容器将更容易

<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>