How to set the brand logo in Bootstrap 4 navbar to the left edge?

Question

I have a logo as shown below.

Answer 1

Remove the left padding of .navbar-brand and .container-fluid.navbar-container(you don't want to override the styles of .container-fluid, so add a new class to it).

HTML

CSS

.container-fluid.navbar-container, .navbar-brand {
  padding-left: 0;
}

Working fiddle: https://jsfiddle.net/9t20dmLk/1/