Я использую фреймворк Bulma CSS с приложением Rails. У меня длинный список предметов, и я хотел бы отобразить их в виде плиток. Однако плитки убегают с экрана вместо переноса на следующую строку.
Bulma Documentation не решает эту проблему. Поскольку я создаю плитки динамически из списка переменной длины, явное вложение, как описано в их документах, не так просто, и я бы предпочел, чтобы оно было аккуратно перенесено на следующую строку.
Вот как выглядит мой код:
<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>
Поскольку Bulma основана на flexbox, я думаю, что есть некоторый эквивалент flex-wrap: wrap;
, но я пока не могу найти эту опцию.
Обновление: есть возможность добавить style
flex-wrap: wrap;
в родительский контейнер, но есть ли встроенный в Bulma флаг класса?