Bootstrap 3 Navbar with Logo Image

Posted on February 17, 2019 at 10:05 am

The correct way to use a logo image on the Navbar on Bootstrap 3 is:

<a href="#" class="navbar-left"><img src="/path/to/image.png"></a>

Do not use class=”navbar-brand” in A HREF because it adds text-like styles.


If the logo image is too on top, just add this code in the .CSS file:

.navbar-default .navbar-left img {
    margin-top: 5px;

Receive updates via email

Other Posts

Updated Posts