Jade.JS Img src not working

StackOverflow https://stackoverflow.com/questions/23348284

  •  11-07-2023
  •  | 
  •  

Question

I have no idea how to add img src next to a li so it will show the image next to the text and i wasted 30 minutes of my life trying to find a way, so please, i think this isnt a hard one for you guys, please tell me where/how to place and type it:

.container
    .row

        .ul.list-group

            .li
            .list-group-item Samsung Galaxy S5

            .li
            .list-group-item Samsung Galaxy S4

            .li
            .list-group-item Samsung Galaxy S3

            .li
            .list-group-item Samsung Galaxy S2

            .li
            .list-group-item Samsung Galaxy S1

            .li
            .list-group-item Samsung Galaxy S0

This is my current Jade Code, Thanks for helping out!

Was it helpful?

Solution

Do you mean like this?

.container
    .row
        ul.list-group
            li.list-group-item
                | Samsung Galaxy S5
                img(src='http//myUrl')
            li.list-group-item
                | Samsung Galaxy S4
                img(src='http//myUrl')

OTHER TIPS

Try this:

.container
    .row
        ul.list-group
            li
                img(src='url-to-page')
                .list-group-item Samsung Galaxy S5

            li
                img(src='url-to-page')
                .list-group-item Samsung Galaxy S4

            li
                img(src='url-to-page')
                .list-group-item Samsung Galaxy S3

            li
                img(src='url-to-page')
                .list-group-item Samsung Galaxy S2

            li
                img(src='url-to-page')
                .list-group-item Samsung Galaxy S1

            li
                img(src='url-to-page')
                .list-group-item Samsung Galaxy S0

. is a class notation, and if you want HTML tags, use it without .

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top