Edge to edge Bootstrap columns

Edge to edge Bootstrap columns.html

<div class="container">

	<section class="edge-to-edge">
	  <div class="row">
	    <div class="col-xs-4">
	      <img class="img-responsive" src="http://placehold.it/640x480/777" alt="">
	    </div>
	    <div class="col-xs-4">
	      <img class="img-responsive" src="http://placehold.it/640x480/333" alt="">
	    </div>
	    <div class="col-xs-4">
	      <img class="img-responsive" src="http://placehold.it/640x480/555" alt="">
	    </div>
	  </div>
	</section>

</div>

LESS.less

.edge-to-edge {
  padding-top: 0;
  padding-bottom: 0;
  .row {
    margin-left: 0;
    margin-right: 0;
  }
  div[class*='col-'] { // Apply to all column(s) inside the row
    padding-left: 0;
    padding-right: 0;
    img {
      .img-responsive; // Make images fit better
    }
  }
}
.container > .edge-to-edge {
  margin-left:-15px; // Offset for when nested in a .container
  margin-right:-15px; // Offset for when nested in a .container
}