[BOOTSTRAP+HTML5] Problema nos DIVs.
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](https://www.facebook.com/hashtag/ccc?source=feed_text);
padding-top: 30px;
padding-bottom: 20px;
border-radius: 5px;
}
.quadro-cd {
text-align:center;
padding-bottom: 20px;
}
.cd-titulo {
padding-top: 5px;
color:[#FFF](https://www.facebook.com/hashtag/fff?source=feed_text);
}
Desde já agradeço a ajuda de todos.
Discussão (1)
Carregando comentários...