タイルをBulmaでラップする方法

Question

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

、私はflex-wrap: wrap;にはいくつかの同等があると思うだろうが、私はまだ、このオプションを見つけることができませんでした。

---

更新：それは親コンテナへstyleflex-wrap: wrap;を追加することは可能ですが、ブルマ統合クラスのフラグがありますか？

Answer 1

まだ私の低所得層にはコメントできません。まだ問題があるかどうかはわかりませんが、クラスis-fullheightの要素があったのかどうか疑問です。私はあなたと同じ問題を抱えていましたが、私が持っていたsection class="hero ..."クラスからis-fullheightクラスを削除したとき、これは要素のラッピングを行わないという問題を修正しました。