如何在rails循环中使用bootstrap网格布局,使用不同的网格类

时间:2017-02-10 09:17:07

标签: ruby-on-rails twitter-bootstrap grid-layout

我需要使用rails循环制作网格。它应该如下所示: enter image description here

通常,没有rails循环,我会这样做:

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

但我需要在该网格中显示我的tips个对象:

<% @tips.limit(3).each do |tip| %>
  <%= tip.title %>
<% end %>

作为一个例子。

那么,最好的方法是什么?提前谢谢。

修改

就是这样,但我不知道,这是否是一个正确的决定:

 <div class="row">
   <div class="col-lg-6">
     <div class="tip-big">
       <p><%= @tips[0].title %></p>
     </div>
   </div>
   <div class="col-lg-6">
     <div class="row">
       <div class="col-lg-12">
         <div class="tip-medium">
           <p><%= @tips[1].title %></p>
         </div>
       </div>
       <div class="col-lg-12">
         <div class="tip-medium">
           <p><%= @tips[2].title %></p>
         </div>
       </div>
     </div>
   </div>
 </div>

0 个答案:

没有答案