Bonjour,
 
Sur un projet que je mène pour mes études avec un ami, lorsqu'on lance la première fois le projet en localhost sur chrome, on a un portfolio d'images qui ne s'affiche pas bien:
 
Voici l'image du problème d'affichage et voici du code relatif à la section concernée.
 

 
 
<section id="section-works" class="section appear clearfix">
  <div class="container">
 
    <div class="row mar-bot40">
      <div class="col-md-offset-3 col-md-6">
        <div class="section-header">
          <h2 class="section-heading animated" data-animation="bounceInUp">Portfolio</h2>
          <p>Nos étudiants viennent du monde entier pour apprendre. Par conséquent, leurs projets sont, à leur image, différents et complémentaires.</p>
        </div>
      </div>
    </div>
 
    <div class="row">
      <nav id="filter" class="col-md-12 text-center">
        <ul>
 
        </ul>
      </nav>
      <div class="col-md-12">
        <div class="row">
          <div class="portfolio-items isotopeWrapper clearfix" id="6">
 
            <article class="col-md-4 isotopeItem webdesign">
              <div class="portfolio-item">
                <img src="../eiv/Vue/vitrine/img/portfolio/img10.jpg" alt="" />
                <div class="portfolio-desc align-center">
                  <div class="folio-info">
                    <h5><a href="#">Des stages tout terrain</a></h5>
                    <a href="../eiv/Vue/vitrine/img/portfolio/img10.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
                  </div>
                </div>
              </div>
            </article>
 
            <article class="col-md-4 isotopeItem photography">
              <div class="portfolio-item">
                <img src="../eiv/Vue/vitrine/img/portfolio/img11.jpg" alt="" />
                <div class="portfolio-desc align-center">
                  <div class="folio-info">
                    <h5><a href="#">Sortie en Italie, terre aux valeurs fortes</a></h5>
                    <a href="../eiv/Vue/vitrine/img/portfolio/img11.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
                  </div>
                </div>
              </div>
            </article>
 
            <article class="col-md-4 isotopeItem photography">
              <div class="portfolio-item">
                <img src="../eiv/Vue/vitrine/img/portfolio/img12.jpg" alt="" />
                <div class="portfolio-desc align-center">
                  <div class="folio-info">
                    <h5><a href="#">Un emploi du temps permettant d'allier travail et passions</a></h5>
                    <a href="../eiv/Vue/vitrine/img/portfolio/img12.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
                  </div>
                </div>
              </div>
            </article>
 
            <article class="col-md-4 isotopeItem print">
              <div class="portfolio-item">
                <img src="../eiv/Vue/vitrine/img/portfolio/img13.jpg" alt="" />
                <div class="portfolio-desc align-center">
                  <div class="folio-info">
                    <h5><a href="#">Projet d'ouverture de restaurant de dégustations</a></h5>
                    <a href="../eiv/Vue/vitrine/img/portfolio/img13.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
                  </div>
                </div>
              </div>
            </article>
 
            <article class="col-md-4 isotopeItem photography">
              <div class="portfolio-item">
                <img src="../eiv/Vue/vitrine/img/portfolio/img15.jpg" alt="" />
                <div class="portfolio-desc align-center">
                  <div class="folio-info">
                    <h5><a href="#">Respect de l'environnement</a></h5>
                    <a href="../eiv/Vue/vitrine/img/portfolio/img15.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
                  </div>
                </div>
              </div>
            </article>
 
            <article class="col-md-4 isotopeItem webdesign">
              <div class="portfolio-item">
                <img src="../eiv/Vue/vitrine/img/portfolio/img14.jpg" alt="" />
                <div class="portfolio-desc align-center">
                  <div class="folio-info">
                    <h5><a href="#">Des associations actives et complémentaires</a></h5>
                    <a href="../eiv/Vue/vitrine/img/portfolio/img14.jpg" class="fancybox"><i class="fa fa-plus fa-2x"></i></a>
                  </div>
                </div>
              </div>
            </article>
 
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
 
 
 
Merci d'avance