изображение в twitter bootstrap navbar в мобильном телефоне

Question

Как я могу вставить изображение логотипа в навигационную панель Twitter Bootstrap?

Основные требования:

необходим изображение для размещения на левой стороне.

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

Выпадающее меню в правом углу.

Answer 1

Просто обернуть изображения внутри DIV и добавить .brand класс к нему, а также, так что это должно выглядеть примерно так:

<div class="brand"><img class="logo" src="http://placehold.it/50x50"></div> 
<a href="#" class="brand">Project name</a> 

Или еще лучше, если вы хотите, чтобы ваш логотип быть интерактивными просто вставить это внутри ссылки a бренда, например, так:

<a href="#" class="brand"><img class="logo" src="http://placehold.it/50x50"> Project name</a>