 <p>Something like this? It doesn't use twitter bootstrap or a grid system, its just a couple of simple floats.</p> <p><div class="snippet" data-lang="js" data-hide="false"> <div class="snippet-code"> <pre class="snippet-code-css lang-css prettyprint-override"><code>.large { float: left; margin-right: 10px; } .small { float: left; } .small img { height: 95px; display: block; } .small img:first-child { margin-bottom: 10px; }</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="gallery"&gt; &lt;img src="http://placehold.it/300x200" class="large" /&gt; &lt;div class="small"&gt; &lt;img src="http://placehold.it/300x200" /&gt; &lt;img src="http://placehold.it/300x200" /&gt; &lt;/div&gt; &lt;/div&gt;</code></pre> </div> </div> </p>