2015-10-19 2 views
3

Как добавить логотип + название в веб-приложение Yii2?Добавить логотип и название в NavBar (Yii2)

Я использовал конкатенацию придерживаться логотипа заголовка (как показано ниже)

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

, и она работала, но логотип появился на верхней части заголовка. Это неправильный способ сделать это? Или это правильно, но ему нужно изменить некоторые свойства стиля?

ответ

6

Смотрите, если это работает для вас, она просто меняет синтаксис <img> правильным:

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

Если у вас возникли проблемы с изображением и текстом не сидит на той же линии, вы, вероятно, хотите замените класс img-responsive классом pull-left ... или просто удалите класс img-responsive и он может начать работать (в зависимости от стилей, уже примененных к изображению). Пример:

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

Это не работает потому что «бренд» на самом деле не является собственностью NavBar. –

+0

Это виджет Bootstrap NavBar? Должно быть, посмотрел документы для другой версии виджета - обновит ответ. – Nerdwood

+0

Да, это виджет Bootstrap. –

0

У меня та же проблема, в дополнение у меня есть квадратный образ 48x48. Я решил это, как ваши первоначальные решения, но с помощью ценностей следующего style атрибута:

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

Конечный результат показан на следующем снимке экрана:

enter image description here