Navbar Logo

Add an image (logo) to the navbar

Steps:

  • By adding an image to the navbar your code must look like this:
<a class="navbar-brand" href="/">
  <div class="logo-image">
    <img src="link-to-your-image" class="img-fluid">
  </div>
</a>
  • In your css you have to put the following properties:
.logo-image {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  overflow: hidden;
  margin-top: -6px;
}