多列流动文本与波旁威士忌/整洁

Question

我有一个rails应用程序，可以将可变数量的<li>#{content}</li>组件输出到HTML页面中。

这些元素不大，不会填满整个屏幕。我希望列表能够包含多个列，理想情况是基于高度。

即。 (the height of the complete <ul> / 2) = height of new multi column setup

因此当底部左下方的底部下方的第一个元素自动移动到右侧列的顶部时，列表就会从那里流出。

有没有一种干净的方法 - 用波旁威士忌/整洁的内置或我需要使用jquery / columnizer？

Answer 1

我发现这个问题主题有助于我自己解决这个问题： thoughtbot/neat/issues/107

为了个人用途，我改编了这个想法：

  ul {
     @include span-columns(12);
     @include omega();
     &>li {
        @include span-columns(2 of 12);
        @include omega(n);
     }
  }