центр много изображений по горизонтали с нефритом и css

Question

Я знаю, что этот вопрос задавали много раз, но никакие решения не работали для меня. Я попробовал решение this, но это не сработало для меня и просто выровняло изображения слева от страницы.

Код:

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 1

Я просто фиксируется с помощью "центра" тег я не знаю

Код:

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") 

Answer 2

Это должно сделать работу:

img{ 
 
    width: 300px; 
 
    margin: 5px; 
 
} 
 
#images { 
 
    width: 100%; 
 
    display: flex; 
 
    align-items: center; 
 
    flex-wrap: wrap; 
 
    justify-content: space-around; 
 
}

<div id="images"> 
 
    <img src="https://hd.unsplash.com/photo-1415045550139-59b6fafc832f" alt=""> 
 
    <img src="https://hd.unsplash.com/photo-1415045550139-59b6fafc832f" alt=""> 
 
    <img src="https://hd.unsplash.com/photo-1415045550139-59b6fafc832f" alt=""> 
 
    <img src="https://hd.unsplash.com/photo-1415045550139-59b6fafc832f" alt=""> 
 
    <img src="https://hd.unsplash.com/photo-1415045550139-59b6fafc832f" alt=""> 
 
</div>