title: How to use bootstrap grid-layouts in rails loop, using different grid classes
body: <p>I need to make a grid, using rails loop. It should look like this:
  <a href="https://i.stack.imgur.com/ZSxmc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZSxmc.png" alt="enter image description here"></a></p>
  
  <p>Usually, without rails loop, I would do it like this: </p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col-lg-6"&gt;&lt;/div&gt;
    &lt;div class="col-lg-6"&gt;
      &lt;div class="row"&gt;
        &lt;div class="col-lg-12"&gt;&lt;/div&gt;
        &lt;div class="col-lg-12"&gt;&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But I need to show in that grid my <code>tips</code> objects:</p>
  
  <pre><code>&lt;% @tips.limit(3).each do |tip| %&gt;
    &lt;%= tip.title %&gt;
  &lt;% end %&gt;
  </code></pre>
  
  <p>as an example.</p>
  
  <p>So, what is the best way to do it? Thanks in advance.</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>Just did like this, but I don't know, whether it is a right decision:</p>
  
  <pre><code> &lt;div class="row"&gt;
     &lt;div class="col-lg-6"&gt;
       &lt;div class="tip-big"&gt;
         &lt;p&gt;&lt;%= @tips[0].title %&gt;&lt;/p&gt;
       &lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="col-lg-6"&gt;
       &lt;div class="row"&gt;
         &lt;div class="col-lg-12"&gt;
           &lt;div class="tip-medium"&gt;
             &lt;p&gt;&lt;%= @tips[1].title %&gt;&lt;/p&gt;
           &lt;/div&gt;
         &lt;/div&gt;
         &lt;div class="col-lg-12"&gt;
           &lt;div class="tip-medium"&gt;
             &lt;p&gt;&lt;%= @tips[2].title %&gt;&lt;/p&gt;
           &lt;/div&gt;
         &lt;/div&gt;
       &lt;/div&gt;
     &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>