Question

How can I insert logo image in the navbar of Twitter Bootstrap?

Main requirements:

The image needs to be placed on left.

Brand class to be next to it. I tried it by shifting the brand to right. The image is seen, but on mobile or small browser window, the brand class comes on top of the image.

The drop-down menu on the far right.

Answer 1

Just wrap your image inside a div and add the .brand class to it as well, so it should look something like this:

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

Or better yet, if you want your logo to be clickable just insert it inside the a brand link, like so:

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