Rails + Bootstrap 3：连续两列，但让它们一个接一个地折叠

Question

这是我遇到的一个奇怪的问题。我有一个名单列表，在中间分成两个数组。因此，名称A-M位于name1中，名称N-Z位于name2中。现在我将遍历每个数组并将它们放在一个有两列的行中，因此名称如下所示：

Aaron    Neil
Arthur   Nick

等。但当我将页面折叠时，它看起来像：

Aaron
Neil
Arthur
Nick

我希望它看起来像：

Aaron
Arthur
Neil
Nick

这是haml：

- a = true
- index = 0
- while(a)
  - first = name1[index]
  - second = name2[index]
  - if first != nil || second != nil
    .row
      .col-md-6
        - if first
          = first
      .col-md-6
        - if second
          = second
    - index += 1
  - else
    - a = false

我理解为什么会这样，但我不确定如何处理这个问题。有没有人有任何见解？

Answer 1

您正在为每组名称创建新的行和列。

相反，您应该在列中运行循环，如下所示：

- name1 = %w[Aaron Arthur]
- name2 = %w[Neil Nick]

.row
  .col-md-6
    -name1.each do |x|
      %p= x
  .col-md-6
    -name2.each do |x|
      %p= x