Tuto sur Bootstrap complet et non bugué
Bonjour,
je recherche un tuto sur Bootstrap complet et non bugué. Celui que m'avait proposé Seb33300
Citation:
Envoyé par
Seb33300
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
Citation:
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:
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:
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 ?
