フレックス空間との間 - 均等

Question

Codepen例複数行にわたって分散：here

それが均等複数行にわたってjustify-content: space-betweenとフレックスコンテナ内のアイテムをrearangeすることが可能ですか？

codepen（link）にあるように、ほとんどの項目は一番上の行にあり、その行に収まらないものは二番目の行にスペースを入れて表示されます。

!!私は、すべてのフィルタを含むdivにcodepenに表示される幅を設定したことに注意してください。ブートストラップcol-12の80％の幅になります。 1行目に2行目が1項目だけではないことを確認したいのですが、フィルタ群全体が2行以上に均等に配分されています。

一番上の行に4または5の項目があり、一番下の行に4または5の項目があるようにしたいと思います。
私はイメージがより多くを説明願っています：助けを

おかげで、曲げることがかなり新しいです！

Answer 1

@ Cheshireのコメントのおかげで、多かれ少なかれ動作するようになりました。

margin-rightとmargin-leftを商品に追加してjustify-content: centerを設定すると、私が探していたものを得ることができます。
唯一の欠点は、項目に固定の余白（左右）を設定する必要があるため、space-betweenを使用できなくなることです。しかし、私の場合、それはまだよく見えます。