I put an image on my bootstrap link, and the image does not load at all... Does anyone know what’s going on?

Asked

Viewed 134 times

-1

<nav class="navbar navbar-light bg-light">
    <a class="navbar-brand" href="/blog">
        <img src="https://i.stack.imgur.com/hvQfa.png" width="30" height="30" alt="" loading="lazy">
    </a>
</nav>

Ta the code, already tried to put a button, will not, not even appear a clickable space on the screen...

html css twitter-bootstrap

  • The image address must be wrong. Enter the absolute address. If still the error must come from another part of the code that is not in the post.

  • I tried to put the absolute path and still nothing... could have anything to do with the Bootstrap version? 'Cause I don’t know what could be wrong with the rest of the code

  • 1

    then you have to show the code so we can try to see what is causing the error.

  • put the full code there for us to see

1 answer

0

Lazy loading is a commonly used software design standard in programming languages, to postpone the initialization of an object to the extent that it is necessary. This can contribute to the efficiency in the operation of a programme, if used properly. Wikipedia

Why do you want to put lazy loading on her logo if she’ll be the first to show up? It makes no sense and was not created for this, now that Microsoft has finished with the edge and went to Chromium, you can use the image in the format .webp which is lighter and will solve your low-performance problem. Retire loading="lazy" which will work, also write something in the alt="attribute so you know when the image link is not working

    <img src="https://i.stack.imgur.com/hvQfa.png" width="30" height="30" alt="imag">

Browser other questions tagged html css twitter-bootstrap

You are not signed in. Login or sign up in order to post.