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

Does this answer your question? [Bootstrap 3 Navbar with Logo](https://stackoverflow.com/questions/18474564/bootstrap-3-navbar-with-logo) — xitas, Feb 19 '22 at 12:31
Could you please show us your directory structure so we can better help? — Billions.A.Joel, Feb 19 '22 at 12:33
@Billions.A.Joel I've posted the structure. Have a look at it — Lechaq, Feb 19 '22 at 12:54
please reply if that worked or not. Then I will start viewing the problem with a new perspective. — ash, Feb 19 '22 at 13:10

ash · Accepted Answer · 2022-02-19T13:01:55.023

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>

edited Feb 19 '22 at 13:01

answered Feb 19 '22 at 12:35

ash

1,065
1
5
20

add logo image to bootstrap navbar

1 Answers1