Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Shop Recherche
1511 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML/Bootstrap] Problème d'affichage d'images bootstrap

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[HTML/Bootstrap] Problème d'affichage d'images bootstrap

n°2276504
MiamiVince​33
Posté le 28-02-2016 à 14:25:27  profilanswer
 

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.
 
http://image.noelshack.com/minis/2016/08/1456665897-img-2225.png
 
 
<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 :)


---------------
Amateur de grosses et belles configurations
mood
Publicité
Posté le 28-02-2016 à 14:25:27  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML/Bootstrap] Problème d'affichage d'images bootstrap

 

Sujets relatifs
[HTML] Problème d'encodage UTF-8 sur les pages secondairesHTML avec Raspberry
Création page HTML choix de la langueProbleme Gestion des privileges sur objet
Problème d'autocomplètionAffichage de données temporelles dans Google Earth
Problème de connection Jpgraph avec MySQL recuperes $sms de maniere a l'envoyer via une iframe avec du html
[HTML5/PHP] Galerie d'images générée dynamiquement 
Plus de sujets relatifs à : [HTML/Bootstrap] Problème d'affichage d'images bootstrap


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR