2016-08-02 3 views
0

どのように私は私のフィールドが動的に右へ下へ行くのに表示されている場合、応答列(最大5)を有する達成することができます:下での動的フィールド

enter image description here

しかし、ウィンドウサイズ低減され、レイアウトは、私は、ブートストラップでこれを行うことができますどのように

enter image description here

になる必要がありますか?

ありがとうございます! Htmlの

+0

まずはコードがありますか?フレックスボックスを試しましたか? – Relisora

答えて

0

あなたはCSS3 multiple column layoutを使用することができます

<ul> <li>field1</li> <li>field2</li> <li>field3</li> ... </ul>

CSS:ブラウザのサポートCHECについては

ul { list-style: none; -webkit-column-width: 150px; -moz-column-width: 150px; column-width: 150px; -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; }

をk this link。ここをクリックexample

関連する問題