Agregar logotipo y título a NavBar(Yii2)

Question

¿Cómo puedo agregar un logotipo + título a una aplicación web Yii2?

Utilicé la concatenación para pegar el logotipo al título (como se muestra a continuación)

 NavBar::begin([
''brandLabel'' => ''<img src="favicon-32x32.png"; class="img-responsive">''.''Car Management System'',

y funcionó, pero el logotipo apareció en la parte superior del título. ¿Es esta una forma incorrecta de hacerlo? ¿O es correcto pero necesita cambiar algunas propiedades de estilo?

Answer 1

Vea si esto funciona para usted, simplemente cambia la sintaxis <img> para que sea correcta:

''brandLabel'' => ''<img src="favicon-32x32.png" class="img-responsive"/>Car Management System'',

Si tiene problemas con la imagen y el texto no está en la misma línea, probablemente desee reemplazar la clase img-responsive con la clase pull-left ... o simplemente eliminar la clase img-responsive y puede comenzar a funcionar (dependiendo de los estilos ya aplicados a la imagen). Ejemplo:

''brandLabel'' => ''<img src="favicon-32x32.png" class="pull-left"/>Car Management System'',

Answer 2

Tengo el mismo problema, además tengo una imagen cuadrada de 48x48 . Lo he solucionado como su solución inicial pero con la ayuda de los siguientes valores de atributo de style :

...
''brandLabel'' => ''<img src="logo.png" style="display:inline; vertical-align: top; height:32px;">My Company'',
...

El resultado final se muestra en la siguiente captura de pantalla: