How to make tile wrappers using Bulma CSS

Question

I am using the Bulma CSS framework with the Rails application. I have a long list of items, and I would like to display them as tiles. However, the tiles run off the screen instead of wrapping to the next line.

Bulma Documentation does not solve this problem. Since I create tiles dynamically from a variable-length list, explicit attachment, as described in their documents, is not so simple, and I would prefer it to be neatly wrapped to the next line.

This is what my code looks like:

<div class="tile is-ancestor">
  <div class="tile is-parent">
    <% @my_list.each do |item| %>
        <div class="tile is-child box">
          <p><%= item %></p>
        </div>
    <% end %>
  </div>
</div>

Since Bulma is based on flexbox , I think there is some equivalent , but I cannot find this option yet. flex-wrap: wrap;

---

: style flex-wrap: wrap; , Bulma ?

Answer 1

, Bulma , .

, Bulma flexbox, flex-wrap: wrap; .

Answer 2

, , , , is-fullheight? , , is-fullheight section class="hero ...", , , , .