如何在html（col）中将样式实现为rails

我有一个问题，当我想实现我的html导轨之前我已经在桌面显示器上创建了一个包含3列的目录，在这样的移动显示器上创建了2列

在桌面显示中，我的目录看起来像这样

[1] [2] [3] [4] [5] [6] 

但是当我改为移动视图时，它们看起来像这样

 [1] [2] [3] [4] [5] [6] 

以前用于html的语法与问题上方的链接完全一样，我应该放在哪里

和

我是否必须在循环中添加“IF”或其他内容才能添加代码？ 这是我的视图语法

 
  
  
 
 Platform: 
 Price:   
 
   

谢谢

Answer 1

首先将’row’类放入其中并在其中循环’col-md / sm- *’div通过rails并将类’mg-btm’添加到’col’div。 我建议不要使用带浮动或清除css的行存储类，除非它用于某些颜色样式！

希望这可以帮助！！

  
 <% @games.each do |game| %> 
 <%= image_tag(game.image_url) %> 
<%= game.title %>
 
 Platform: <%= game.platform.name %>
 Price: <%= game.price %>  
 
 <% end %>  

Answer 2

我还没有使用过rails，但逻辑应该如下：

 
 <% i = 0 %> <% @games.each do |game| %> 
 <%= image_tag(game.image_url) %> 
<%= game.title %>
 
 Platform: <%= game.platform.name %>
 Price: <%= game.price %>  
 
 <% if i != 0 %> <% if i % 2 == 0 %> 
 <% elsif i % 3 == 0 %> 
 <% end %> <% end %> <% i++ %> <% end %>