title: Irregular bootstrap column wrapping
body: <p>Running Rails 4.1.4 with the latest releases of haml, haml-rails, sass, and bootstrap-sass. For a user display, my HAML is as such:</p>
  
  <pre><code>.tutors-listing
      .row
        - @users.each do |tutor|
          .col-xs-12.col-md-3
            .row.tutor
              .col-xs-offset-1.col-xs-4.col-md-12
                = image_tag tutor.photo, :class =&gt; 'img-responsive img-circle tutor-photo'
                %h4.tutor-name
                  = tutor.first_name
  
               %p
                  teaches
               %strong.tutor-skills
                 = tutor.teachables
  </code></pre>
  
  <p>However, this markup results in the following glitch:
  <img src="https://i.stack.imgur.com/8HtRQ.png" alt="Irregular column wrapping">
  <img src="https://i.stack.imgur.com/XMPpt.png" alt="More irregular column wrapping"></p>
  
  <p>I'm hoping somenone can devine what's wrong here. At the medium breakpoint, there should be 4 columns evenly.</p>