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.

Reference: https://stackoverflow.com/a/26333342

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