Bootstrap grid of squares 2

by Alvin Olavarrieta

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap-theme.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.js"></script>
<div class="row">
		<div class="col-sm-6">
            <div class="col-sm-12">
                <a href="#" class="thumbnail">
                    <div class="frontpage_square">
                        <img src="" class="img img-responsive full-width" />
                    </div>
                </a>    
            </div>
		</div>
	  <div class="col-sm-6">
		   
            <div class="col-sm-2">
                <a href="#" class="thumbnail">
                    <div class="frontpage_square">
                        <img src="https://placeholdit.imgix.net/~text?w=300&h=300" class="img img-responsive full-width" />
                    </div>
                </a>
           </div>
           <div class="col-sm-2">
                <a href="#" class="thumbnail">
                    <div class="frontpage_square">
                        <img src="https://placeholdit.imgix.net/~text?w=300&h=300" class="img img-responsive full-width" />
                    </div>
                </a>
           </div>
           <div class="col-sm-2">
                <a href="#" class="thumbnail">
                    <div class="frontpage_square">
                        <img src="https://placeholdit.imgix.net/~text?w=300&h=300" class="img img-responsive full-width" />
                    </div>
                </a>
           </div>
           <div class="col-sm-2">
                <a href="#" class="thumbnail">
                    <div class="frontpage_square">
                        <img src="https://placeholdit.imgix.net/~text?w=300&h=300" class="img img-responsive full-width" />
                    </div>
                </a>
           </div>
         ...

CSS

.frontpage_square{
position:relative;
overflow:hidden;
padding-bottom:100%;
}
.frontpage_square img{
position:absolute;
}