add logo image to bootstrap navbar

Question

I used the prescribed method from bootstrap docs

    <div class="container">
        <a class="navbar-brand" href="#">
          <img src="/img/hangers.jpg" alt="" width="30" height="24">
        </a>
      </div>

but the image doesn't display

And Yes, I linked the path correctly. I checked like 50 times already.

Here is the directory structure

Answer 1

Put a dot before the source of the image file. Results

I think. You are not able to pick up photo from your system as code works fine run snippet below:

 <div class="container"> <a class="navbar-brand" href="#"> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTW6509Xrnys2Pp_8RB3ffNOsqDrKlPtkvkRQ&usqp=CAU" alt="" width="30" height="24"> </a> </div>