CSS et diaporama

[joel31600]

Bonjour a tous

Je commence un site web et j ai récupérer un kit graphique gratuit pour faire un diaporama, la fenêtre principale est de 4 X 3 vignettes
je voudrais l'augmenter mais je ne vois rien dans le code qui pourrais me guider

quel qu un aurait t il une idée merci a tous

Capture.JPG

je joins le code est le point rar
-----

[umfred]

c'est dans le html qu'il faut regarder
entre les balises que j'ai rajouté
<!-- DEBUT DU BLOC A COPIER/COLLER -->
<!-- FIN DU BLOC A COPIER/COLLER -->
qui délimitent le bloc à dupliquer

<!-- Portfolio Section -->
<div id="portfolio">
...
    <div class="row">
      <div class="portfolio-items">
<!-- DEBUT DU BLOC A COPIER/COLLER -->
        <div class="col-sm-6 col-md-3 col-lg-3 graphic">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/01-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>Project Title</h4>
              </div>
              <img src="img/portfolio/01-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
<!-- FIN DU BLOC A COPIER/COLLER -->
        <div class="col-sm-6 col-md-3 col-lg-3 illustration">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/02-large.jpg" title="Project Title" data-lightbox-gallery="gallery1">
              <div class="hover-text">
                <h4>Project Title</h4>
              </div>
              <img src="img/portfolio/02-small.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
...

[Ikhar84]

Je te conseilles vivement de regarder le modèle "12 colonnes" de bootstrap, et la gestion du responsive avec les prefixes sm (small), lg (large), etc pour vraiment comprendre.

Edit: pour être plus clair, le code donné par umfred est du pur bootstrap, typique.

[umfred]

c'est le code html de son template, j'ai "juste" indiqué le code qui cible les vignettes .
pour compléter, c'est la version 3.3.4 de bootstrap qui est utilisé dans le template (cf le fichier ./css/bootstrap.css)

[A voir en vidéo sur Futura]

[Ikhar84]

Oui Umfred, j'ai pas été trés clair, je voulais dire que pour qu'il aille plus loin et comprenne le code, il devait chercher ce qu'est le modèle de grille de css, les classes row et col, en particulier ...