title: group rows in bootstrap
body: <p>I'm trying to achieve the following in bootstrap but seems that I can't.
  I dont know how can i make the big div in this case
  Any help?! Thanks!</p>
  
  <p>My idea code is to create rows and "glue" them together:</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
  &lt;div class="row"&gt;
      &lt;div class="col-sm-1"&gt;
          &lt;img class="img-responsive" src="ele.jpg" &gt;
          &lt;/div&gt;
          &lt;div class="col-sm-7" style="background-color:lavenderblush;"&gt;Big div&lt;/div&gt;
          &lt;div class="col-sm-4" style="background-color:lavender;"&gt;Empty&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/XW2Z5.jpg" alt="Idea"></p>