como posso exibir corretamente minha grade sem muito espaço e ter uma boa aparência?

minha foto

Meu código:

<div class="first">
<div class="container">
    <div class="row">
        <div class="col-md-6">
            <img src="http://img.uefa.com/MultimediaFiles/Photo/competitions/General/02/35/49/87/2354987_w2.jpg" class="img-responsive"/>
        </div>

        <div class="col-md-3">
            <img src="http://img.uefa.com/MultimediaFiles/Photo/competitions/Comp_Matches/01/83/81/26/1838126_s2.jpg" class="img-responsive"/>
        </div>

        <div class="col-md-3">
            <img src="http://img.uefa.com/MultimediaFiles/Photo/competitions/Comp_Matches/02/36/89/27/2368927_s2.jpg" class="img-responsive"/>
        </div>

        <div class="col-md-6">
            <img src="http://i.telegraph.co.uk/multimedia/archive/03498/BEAU_3498448b.jpg" class="img-responsive"/>
        </div>

        <div class="col-md-3">
            <img src="http://img.uefa.com/MultimediaFiles/Photo/competitions/Comp_Matches/01/83/81/26/1838126_s2.jpg" class="img-responsive"/>
        </div>

        <div class="col-md-3">
            <img src="http://img.uefa.com/MultimediaFiles/Photo/competitions/Comp_Matches/02/36/89/27/2368927_s2.jpg" class="img-responsive"/>
        </div>
    </div>
</div>

Talvez eu deva usar algum script JS ou algo do tipo? Por favor ajude :)