循环 'projects' 时，是否可以使用 Bootstrap 在 Rails 视图中并排显示两列？

Question

我正在使用 Bootstrap 3 和 Rails 4.0.0。目前这是我的 index.html.erb 项目：

<div class="col-lg-6">
  <% @projects.each do |project| %>
    <h3>
      <%= project.name %>
    </h3>
  <% end %>
</div>

当用户添加大量新项目时，我想限制页面的长度并在右侧栏中显示额外的 'projects'。所以我想并排放置两列。在 html 中，它只是以下内容，但我怎样才能让它在 Rails 中工作？

     <div class="row">
         <div class="col-lg-6">Projects...</div>
         <div class="col-lg-6">Projects....</div>
     </div>

Answer 1

# First half of projects
<div class="col-lg-6">
  <% @projects.first(@projects.length/2).each do |project| %>
    <h3>
      <%= project.name %>
    </h3>
  <% end %>
</div>

# Second half of projects
<div class="col-lg-6">
  <% @projects.last(@projects.length /2 + @projects.length % 2).each do |project| %>
    <h3>
      <%= project.name %>
    </h3>
  <% end %>
</div>

Answer 2

您可以使用 each_slice:

<% @projects.each_slice(<your_limit_per_column>) do |projects| %>
  <div class="col-lg-6">
    <% projects.each do |project| %>
      <h3>
        <%= project.name %>
      </h3>
    <% end %>
  </div>

循环 'projects' 时，是否可以使用 Bootstrap 在 Rails 视图中并排显示两列？

Is it possible to display two columns side by side in a Rails view, using Bootstrap, when looping through 'projects'?

ruby-on-rails

twitter-bootstrap