title: How to overlap columns in Bootstrap 3?
body: <p>I'd like to create single row with two overlapping columns like that:</p>
  
  <pre><code>.row
    .col-sm-7
    .col-sm-6
  </code></pre>
  
  <p>so that 6th column of the grid is overlapped. </p>
  
  <p>It's partially possible with a <code>.col-sm-pull-1</code>:</p>
  
  <pre><code>.row
    .col-sm-6
    .col-sm-6.col-sm-pull-1
  </code></pre>
  
  <p>but the 12th column becomes empty. I tried:</p>
  
  <pre><code>.row
    .col-sm-6
    .col-sm-7.col-sm-pull-1
  </code></pre>
  
  <p>but the second column moves to the next row.</p>
  
  <p>I found the answer for Bootstrap 2 (<a href="https://stackoverflow.com/questions/16654420/how-to-overlap-columns-using-twitter-bootstrap">How to overlap columns using twitter bootstrap?</a>). Is it possible with the Bootstrap 3?</p>