Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

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!