Bootstrap 3: Span elements floating right in list-group-item do not consume vertical space

http://stackoverflow.com/questions/22868664/bootstrap-3-span-elements-floating-right-in-list-group-item-do-not-consume-vert

by Helmut Granda

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container">
  <div class="row">
    <div class="col-sm-6 col-sm-push-1" style="background:red;">
      <img src="https://ni.scene7.com/is/image/ni/NIWeek_technical_sessions_16x9?&amp;$ni-card-sm$" alt="Feature" class="img-responsive">
    </div>
    <div class="col-sm-6" style="background:green;">
      col 6 overlap
    </div>
  </div>
</div>