Je ne parviens pas à personnaliser la disposition du carrousel sur les appareils mobiles. Je veux qu'il affiche chaque élément du carrousel sur mobile au lieu d'un seul, mais après avoir essayé du CSS et du JS, en utilisant spécifiquement display max-witdh Je commence tout juste à penser que ce n'est pas possible ou je ne sais pas où chercher/regarder le mauvais emplacement/attribut. J'ai inclus deux images pour que vous puissiez voir ce que j'essaie de réaliser.
Ce que je souhaite réaliser :
Ce que j'ai :
L'exemple de code HTML est très basique, je n'inclus pas le CSS car il est uniquement destiné à des fins de conception.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Je pense que des questions et des cas similaires ont déjà reçu une réponse dans un autre fil de discussion. J'ai trouvé quelques références qui pourraient vous être utiles et je vais vous donner quelques liens.Un autre fil de discussion dans stackoverflow
Vous pouvez également utiliser le code JS suivant :
$('.multi-item-carousel').carousel({ interval: false }); // for every slide in carousel, copy the next slide's item in the slide. // Do the same for the next, next item. $('.multi-item-carousel .item').each(function(){ var next = $(this).next(); if (!next.length) { next = $(this).siblings(':first'); } next.children(':first-child').clone().appendTo($(this)); if (next.next().length>0) { next.next().children(':first-child').clone().appendTo($(this)); } else { $(this).siblings(':first').children(':first-child').clone().appendTo($(this)); } });Avertissement : ces réponses/extraits de code ne sont pas les miens. Je l'ai eu de Maurice Melchershttps://codepen.io/mephysto/pen/ZYVKRY