如何創建具有不同列寬度的動態網格

Question

我正在使用Bootstrap 3和Rails。

我有一個叫做Work的模型，有許多記錄。

我想創建一個動態網格，其中列的寬度取決於其行。事情是這樣的：

我再培訓局的看法：

<ul class="row"> 
    <% @works.each do |s| %> 
     <li class="col-sm-4"><%= s.name %></li> 
    <% end %> 
</ul> 

這樣，每個li元素將有一個COL-SM-4寬度每次。

我需要告訴Rails「每4個元素更改列寬爲x ......」

任何幫助嗎？謝謝！

Answer 1

事情是這樣的：

<% @works.each_with_index do |s,index| %> 
     <li class="col-sm-<%= index%4 == 0 ? '4': '6' %>"><%= s.name %></li> 
    <% end %> 

Answer 2

我終於用你each_with_index定製的佈局，因爲它遵循：

  <% @services.each_with_index do |s, index| %> 
       <% if index < 2 %> 
        <li class="col-sm-6"><%= s.name %></li> 
       <% elsif index.between?(2,4) %> 
        <li class="col-sm-4"><%= s.name %></li> 
       <% elsif index > 4 %> 
        <li class="col-sm-6"><%= s.name %></li> 
       <% end %> 
      <% end %> 

謝謝！