从右到右响应布局列中的动态字段

Question

当我的字段从下到右动态显示时，如何获得响应列（最多5个）：

但是当窗口大小减小时，布局应该变为

我如何在bootstrap中执行此操作？

谢谢！

Answer 1

您可以使用CSS3 multiple column layout：

<强> HTML ：

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

<强> CSS ：

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; }

对于浏览器支持检查this link。这是example