baldash baldash - 2 months ago 14
Jade Question

center many images on horizontally with jade and css

I know this question has been asked many times but no solutions worked for me. I tried this solution but it didn't worked for me and just aligned the images on the left of the page.

Code:

head
link(rel="stylesheet", href="/public/styles/bootstrap.css")
block intro
.container
h1(class="text-center") L'équipe
div(id="images")
img(alt="aleis", src="/images/team/alexis.jpg", width="160", class="fblogo")
img(alt="laurent" src="/images/team/laurent.jpg", width="160", class="fblogo")
img(alt="clement" src="/images/team/clement.jpg", width="160", class="fblogo")
img(alt="loic" src="/images/team/loic.jpg", width="160", class="fblogo")

Answer

I just fixed by using the "center" tag which I didn't know

Code :

head
    link(rel="stylesheet", href="/public/styles/bootstrap.css")
block intro
    .container
        h1(class="text-center") L'équipe
        div(id="images")
            center
                img(alt="aleis", src="/images/team/alexis.jpg", width="160")
                img(alt="laurent" src="/images/team/laurent.jpg", width="160")
                img(alt="clement" src="/images/team/clement.jpg", width="160")
                img(alt="loic" src="/images/team/loic.jpg", width="160")