5
respostas

Colocar uma imagem de logotipo no navbar

Boa tarde, alguem tem alguma dica para colocar uma imagem de logotipo ao lado do "TopCasaFina Arquitetura" de modo responsivo? Tentei de varios modos e não consegui. Por se tratar de um logotipo creio que a imagem deve ser implementada por uma tag ao invez de colocala como background-image

5 respostas

Oi Lucas, tudo bem? a documentação do bootstrap tem um exemplo legal, você já deu uma olhada?

http://getbootstrap.com/components/#navbar-brand-image

É isso que quer ou entendi errado?

sim, ja tentei exatamente isso porém a imagem fica no tamanho real dela, ela não fica responsiva. Se alguem tiver alguma outra alternativa..

Adiciona a classe 'img-responsive' na imagem Lucas!

Olá Lucas!

O Bootstrap as vezes não é tão inteligente, neste caso é mais fácil usar o navbar-left do que navbar-brand, como no exemplo no link abaixo:

Link

Mas em todo o caso, é necessário definir uma largura ou altura para a imagem.

Espero ter ajudado.

Olá Lucas!

Conseguiu resolver esse problema?

Abraços!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software