[BOOTSTRAP+HTML5] Problema nos DIVs.

[fernandodenardin 0]

Galera estou montando um site, porém os meus divs não estão ficando certos, postei um print de um exemplo. O div tem o nome "discografia"e é aberto e todo o conteúdo dos álbuns é colocado dentro dele, porém mesmo assim ele fica pequeno e não acompanha o tamanho do conteúdo dentro dele. Alguém pode me dar uma dica onde estou errando?

Código:
<!-- Sessão Discografia -->
<section id="discografia">
<span class="titlo center-block">DISCOGRAFIA</span>
<div class="discografia" >
<div class="col-lg-12">
<div class="col-lg-3 quadro-cd">
<img src="images/cd-demo.jpg" width="225" height="225" alt=""/><br>
<span class="cd-titulo">TITULO DO ALBUM</span>
</div>
<div class="col-lg-3 quadro-cd">
<img src="images/cd-demo.jpg" width="225" height="225" alt=""/> <br>
<span class="cd-titulo">TITULO DO ALBUM</span>
</div>
<div class="col-lg-3 quadro-cd">
<img src="images/cd-demo.jpg" width="225" height="225" alt=""/> <br>
<span class="cd-titulo">TITULO DO ALBUM</span>
</div>
<div class="col-lg-3 quadro-cd">
<img src="images/cd-demo.jpg" width="225" height="225" alt=""/> <br>
<span class="cd-titulo">TITULO DO ALBUM</span>
</div>
</div> <!-- Fim <div class="col-lg-12"> -->

<div class="col-lg-12">
<div class="col-lg-3 quadro-cd">
<img src="images/cd-demo.jpg" width="225" height="225" alt=""/><br>
<span class="cd-titulo">TITULO DO ALBUM</span>
</div>
<div class="col-lg-3 quadro-cd">
<img src="images/cd-demo.jpg" width="225" height="225" alt=""/> <br>
<span class="cd-titulo">TITULO DO ALBUM</span>
</div>
<div class="col-lg-3 quadro-cd">
<img src="images/cd-demo.jpg" width="225" height="225" alt=""/> <br>
<span class="cd-titulo">TITULO DO ALBUM</span>
</div>
<div class="col-lg-3 quadro-cd">
<img src="images/cd-demo.jpg" width="225" height="225" alt=""/> <br>
<span class="cd-titulo">TITULO DO ALBUM</span>
</div>
</div> <!-- Fim <div class="col-lg-12"> -->
</div> <!-- FIM <div class="discografia"> -->
</section>
<!-- FIM Sessão Discografia -->

CSS:
.discografia {
background: #CCC;
padding-top: 30px;
padding-bottom: 20px;
border-radius: 5px;
}

.quadro-cd {
text-align:center;
padding-bottom: 20px;
}

.cd-titulo {
padding-top: 5px;
color:#FFF;
}

Desde já agradeço a ajuda de todos.

[Maykel-ctba 233]

Dê um clear:both após o último .col.