Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Estou precisando fazer uma galeria em Mansory, estou utilizando o Bootstrap, mais não estou chegando ao resultado esperado, estou fazendo assim
<div class="container-fluid" style="background-color:#eee;">
<div class="col-md-8">
<div class="col-md-6">
<img src="imagens/113.jpg" class="img-responsive"></div>
<div class="col-md-6">
<img src="imagens/115.jpg" class="img-responsive"></div>
<div class="col-md-6">
<img src="imagens/11.jpg" class="img-responsive"></div>
<div class="col-md-6">
<img src="imagens/112.jpg" class="img-responsive"></div>
</div>
<div class="col-md-4">
<img src="imagens/elegancia4.jpg" class="img-responsive">
</div>
</div>
Resultado do meu código e o resultado esperado estão em anexo.
Como posso retirar os espaços?
@Wagner M.M, buenas.
Tenho a impressão de que pode ser o tamanho das imagens.
Consegue verificar no Pen abaixo o que está faltando?
Fiz assim e deu certo
<div class="container-fluid col-md-12" style="background-color:#eee;">
<div class="row">
<div class="col-md-8">
<div class="row">
<div class="col-md-6">
<div class="row"><img src="imagens/113.jpg" class="img-responsive">
</div>
</div>
<div class="col-md-6">
<div class="row"><img src="imagens/115.jpg" class="img-responsive">
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="row"><img src="imagens/11.jpg" class="img-responsive">
</div>
</div>
<div class="col-md-6">
<div class="row"><img src="imagens/112.jpg" class="img-responsive">
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="row"><img src="imagens/elegancia4.jpg" class="img-responsive">
</div>
</div>
</div>
</div>
Você precisa indicar as 'rows' também, se a página for estática, da indicar em todas as linhas, se for dinâmica, indica pelo menos depois do container.