Bonjour,

je recherche un tuto sur Bootstrap complet et non bugué. Celui que m'avait proposé Seb33300
Citation Envoyé par Seb33300 Voir le message
Pour bootstrap, tu peux peut être tenter un tuto.
me semble un peu succinct. J'en ai trouvé un en français et plus complet. Néanmoins, bien que débutant sur ce sujet, je pense qu'il est bugué. Comme je débute, j'aimerais avoir une confirmation. Leur but est
L'idéal serait d'avoir :

•Sur moyen et grand écran : 6 images sur la largeur.
•Sur tablette : 4 images sur la largeur.
•Sur smartphone : 3 images sur la largeur.
et le code pour y arriver est :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div class="container">
  <section class="row">
    <div class="col-xs-4 col-sm-3 col-md-2"><img src="images/t1.jpg" alt="Tigre"></div>
    <div class="col-xs-4 col-sm-3 col-md-2"><img src="images/t2.jpg" alt="Tigre"></div>
    <div class="col-xs-4 col-sm-3 col-md-2"><img src="images/t3.jpg" alt="Tigre"></div>
    <div class="col-xs-4 col-sm-3 col-md-2"><img src="images/t4.jpg" alt="Tigre"></div>
    <div class="col-xs-4 col-sm-3 col-md-2"><img src="images/t5.jpg" alt="Tigre"></div>
    <div class="col-xs-4 col-sm-3 col-md-2"><img src="images/t6.jpg" alt="Tigre"></div>
    <div class="col-xs-4 col-sm-3 col-md-2"><img src="images/t7.jpg" alt="Tigre"></div>
    <div class="col-xs-4 col-sm-3 col-md-2"><img src="images/t8.jpg" alt="Tigre"></div>
    <div class="col-xs-4 col-sm-3 col-md-2"><img src="images/t9.jpg" alt="Tigre"></div>
    <div class="col-xs-4 col-sm-3 col-md-2"><img src="images/t10.jpg" alt="Tigre"></div>
    <div class="col-xs-4 col-sm-3 col-md-2"><img src="images/t11.jpg" alt="Tigre"></div>
    <div class="col-xs-4 col-sm-3 col-md-2"><img src="images/t12.jpg" alt="Tigre"></div>
  </section>
</div>
A mon avis, il y a confusion entre les lignes et les colonnes et j'aurais plutôt fait :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div class="container">
  <section class="row">
    <div class="col-xs-3 col-sm-4 col-md-6"><img src="images/t1.jpg" alt="Tigre"></div>
    <div class="col-xs-3 col-sm-4 col-md-6"><img src="images/t2.jpg" alt="Tigre"></div>
    <div class="col-xs-3 col-sm-4 col-md-6"><img src="images/t3.jpg" alt="Tigre"></div>
    <div class="col-xs-3 col-sm-4 col-md-6"><img src="images/t4.jpg" alt="Tigre"></div>
    <div class="col-xs-3 col-sm-4 col-md-6"><img src="images/t5.jpg" alt="Tigre"></div>
    <div class="col-xs-3 col-sm-4 col-md-6"><img src="images/t6.jpg" alt="Tigre"></div>
    <div class="col-xs-3 col-sm-4 col-md-6"><img src="images/t7.jpg" alt="Tigre"></div>
    <div class="col-xs-3 col-sm-4 col-md-6"><img src="images/t8.jpg" alt="Tigre"></div>
    <div class="col-xs-3 col-sm-4 col-md-6"><img src="images/t9.jpg" alt="Tigre"></div>
    <div class="col-xs-3 col-sm-4 col-md-6"><img src="images/t10.jpg" alt="Tigre"></div>
    <div class="col-xs-3 col-sm-4 col-md-6"><img src="images/t11.jpg" alt="Tigre"></div>
    <div class="col-xs-3 col-sm-4 col-md-6"><img src="images/t12.jpg" alt="Tigre"></div>
  </section>
</div>
Confirmez-vous ? Et si oui, y a-t-il un tuto fiable, en français et complet ?