Bootstrap Responsive Video Wall


	<div class="container">
  
  <div class="row">
    <h3>Responsive Video Wall </h3>
    <p><a href="http://bootsnipp.com/snippets/featured/youtubevimeo-responsive-embeds-updated">Based on Bootsnipp's Responsive Embeds</a>  ~~
      Best viewed: <a href="http://bootsnipp.com/iframe/OPM0j" target="_blank">full screen</a>
    </p>
    <a href="http://bootsnipp.com/iframe/OPM0j" target="_blank"><img class="img-responsive" src="http://i.imgur.com/oX0csXH.png?2" alt=""></a>
    
    <hr>
    <h4>Sample below:</h4>
    
    </div>
    
    <div class="row">
      
      <div class="col-sm-3 nopadding">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe width="560" height="315" src="//www.youtube.com/embed/Nvs5pqf-DMA" allowfullscreen=""></iframe>
        </div>
      </div>
      <div class="col-sm-3 nopadding">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe width="560" height="315" src="//www.youtube.com/embed/k3jt5ibfRzw" allowfullscreen=""></iframe>
        </div>
      </div>
      
      <div class="col-sm-3 nopadding">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe width="560" height="315" src="//www.youtube.com/embed/A8yjNbcKkNY" allowfullscreen=""></iframe>
        </div>
      </div>
      
      <div class="col-sm-3 nopadding">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe width="560" height="315" src="//www.youtube.com/embed/JvKIWjnEPNY" allowfullscreen=""></iframe>
        </div>
      </div>
      
    </div>
    
    <div class="row">
      
      <div class="col-sm-3 nopadding">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe width="560" height="315" src="//www.youtube.com/embed/cV0tCphFMr8" allowfullscreen=""></iframe>
        </div>
      </div>
      <div class="col-sm-3 nopadding">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe width="560" height="315" src="//www.youtube.com/embed/cV0tCphFMr8" allowfullscreen=""></iframe>
        </div>
      </div>
      
      <div class="col-sm-3 nopadding">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe width="560" height="315" src="//www.youtube.com/embed/npjOSLCR2hE" allowfullscreen=""></iframe>
        </div>
      </div>
      
      <div class="col-sm-3 nopadding">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe width="420" height="315" src="//www.youtube.com/embed/kQFKtI6gn9Y" allowfullscreen=""></iframe>
        </div>
      </div>
      
    </div>
    
    
    
    <div class="row">
      
      <div class="col-sm-3 nopadding">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe width="560" height="315" src="//www.youtube.com/embed/Nvs5pqf-DMA" allowfullscreen=""></iframe>
        </div>
      </div>
      <div class="col-sm-3 nopadding">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe width="560" height="315" src="//www.youtube.com/embed/k3jt5ibfRzw" allowfullscreen=""></iframe>
        </div>
      </div>
      
      <div class="col-sm-3 nopadding">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe width="560" height="315" src="//www.youtube.com/embed/A8yjNbcKkNY" allowfullscreen=""></iframe>
        </div>
      </div>
      
      <div class="col-sm-3 nopadding">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe width="560" height="315" src="//www.youtube.com/embed/JvKIWjnEPNY" allowfullscreen=""></iframe>
        </div>
      </div>
      
    </div>
    
    <div class="row">
      
      <div class="col-sm-3 nopadding">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe width="560" height="315" src="//www.youtube.com/embed/cV0tCphFMr8" allowfullscreen=""></iframe>
        </div>
      </div>
      <div class="col-sm-3 nopadding">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe width="560" height="315" src="//www.youtube.com/embed/cV0tCphFMr8" allowfullscreen=""></iframe>
        </div>
      </div>
      
      <div class="col-sm-3 nopadding">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe width="560" height="315" src="//www.youtube.com/embed/npjOSLCR2hE" allowfullscreen=""></iframe>
        </div>
      </div>
      
      <div class="col-sm-3 nopadding">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe width="420" height="315" src="//www.youtube.com/embed/kQFKtI6gn9Y" allowfullscreen=""></iframe>
        </div>
      </div>
      
    </div>
    
    
    <p><br><a href="http://validator.w3.org/check?uri=http%3A%2F%2Fbootsnipp.com%2Fiframe%2FOPM0j" target="_blank"><small>HTML</small><sup>5</sup></a></p>
    
    
    
  </div>

	<script type="text/javascript">
	
	</script>

    body {
  background-color: #222;
  color: #ccc;
}
/* remove defaults from responsive cols */

.nopadding {
  padding: 2px !important;
  margin: 0 !important;
  outline: 2px solid #333;
  background: #333;
}