Bourbon / Neat 的多列流动文本

Question

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

这些元素不大，不会填满整个屏幕。我希望列表环绕并分成多列，理想情况下基于高度。

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

因此，当接收器的第一个元素低于左侧列的底部时，它会自动移动到右侧列的顶部，并且列表从那里流动。

有没有一种简洁的方法 - 内置于 bourbon/neat 或者我需要使用 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);
     }
  }