Rails / CSS样式 - 如何从代码循环中分离结果

Question

我正在Rails上构建一个活动应用程序，而我目前正在为该网站设计样式。我不使用自助运动或基础，只使用骨架和基础。规范化网格。我试图在整个页面上显示事件，但此刻他们只是简单地堆叠在一起。我理解为什么，但我不知道解决这个问题的解决方案。任何援助将不胜感激。这是我的代码 -

事件 - index.html.erb

<section id="events">
<div class="container">
    <div class="row">
        <div class="twelve columns">
            <% @events.each do |event| %>


                <%= link_to (image_tag event.image.url), event %>

                <h2><%= link_to event.title, event %></h2>
                <h2><%= link_to event.date.strftime('%A, %d %b %Y'), event %></h2>

            <% end %>
        </div>
    </div>
</div>  

它是代码块 - 事件 - 我希望彼此内联显示。无论我使用哪种CSS代码都没有发生 - 事件只是叠加在一起。

section#events {

float: left;
display: inline;
margin-top: 20px;
margin: 10px;

}