Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Imagem alterando tamanho da coluna em bootstrap 3

Olá, bom dia gente! Então, estou montando layout onde em uma coluna existirá do lado esquerdo uma uma imagem e em outra coluna do lado direito do lado direito um bloco de vídeo. precisava configurar esta coluna da esquerda (a da imagem) para não alterar o tamanho independente do amanho da imagem que seja adicionada para dentro dela.Tentei adicionar um max-width, por mais que tenha funcionado a usabilidade não ficou a melhor coisa do mundo, gostaria de saber se existe uma solução melhor para isso.

<div class="row">
            <div class="col-lg-8" style="max-width: 65%; "> 

                <div class="thumbnail">
                    <a href="APENAS UM EXEMPLO">
                        <img src="img/igpm_exemplo.jpg"></a>
                    <div class="blocoTextoNoticia">
                        <a href="APENAS UM EXEMPLO" class="noUnderline"><h4> confira as atualizações do indice em julho</h4></a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <object>
                    <!--<video src="exemplo.mp4" autostart="true" width="120%" loop="true">-->
                        <video width="450" height="320" controls loop autoplay > 
                            <source src="exemplo.mp4" type="video/mp4">
                     </video>
                </object>
            </div>
        </div>
1 resposta
solução!

Gabriel, boa tarde!

Uma solução seria colocar um max-width:100% na imagem e não na coluna, assim ele nunca iria ultrapassar o tamanho da coluna.

Espero ter ajudado e bons estudos!