html - 我想显示分为两部分的结果(平行布局)

Question

使用 Ruby-on-rails 我写了这样的代码

 <% for i in 0..29 %>
      <%= @yes_word = @moeum_set.map{|w| w.word}[j-1 - (score.sort_by(&:to_i)[j-1-i]%ten)] %>
  <% end %>

此代码在一行中递归显示 30 个单词 (@yes_word)但我想在一个 div ( 15 : 15 ) 中以并行布局显示这些

像这样

Apple Banana
Kiwi  Grape
Mango Citrus
 ...   ...

以上代码是通过Ajax实现的

var search_word = $('#input').val().split(" ").pop();
            $.ajax({
            url : '/jadu/output_merge',
            data : {
                word_name : search_word

            },


            success : function(html) {
                $('#result').html(html);
            }
            });

这是我的包含结果的 HTML 代码

<div class="panel panel-default">
     <div class="panel-body" id="result">
          The words that researched
     </div>
</div>

Answer 1

假设您的 @yes_word 数组看起来像这样:%w{Apple Banana ...}，这里是将其转换为两列布局的代码(使用 Bootstrap ):

<% @yes_word.each_slice(2) do |word1, word2| %>
  <div class="row">
    <div class="col-sm-6"><%= word1 %></div>
    <div class="col-sm-6"><%= word2 %></div>
  </div>
<% end %>