Coder une modale avec Bootstrap 5

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 ม.ค. 2025

ความคิดเห็น • 20

  • @abdelhadi.6003
    @abdelhadi.6003 2 ปีที่แล้ว

    Merci pour cette vidéo : contenu riche et clair

  • @anonymous-mm3vh
    @anonymous-mm3vh ปีที่แล้ว

    Excellente vidéo mais j'ai une question : comment imbriquer deux fenetres modales l'une a la suite de l'autre avec bootstrap 5 ?

  • @yanDev
    @yanDev 2 ปีที่แล้ว

    Salut Enzo, merci beaucoup pour ce genre de vidéo, n'hésite pas à en faire d'autres sur le sujet, notamment comment combiner Bootstrap avec du Js natif quand cela peut être utile(si c'est parfois le cas ^^') ou comme utiliser Bootstrap avec d'autres libraires comme Ekko que tu avais déjà utilisé dans un projet d'une de tes formations.
    Sinon rien à voir mais je sais que l'un des choses les plus importantes pour un développeur qu'il soit front ou back est de faire des tests unitaires ou du TDD( mais apparemment ça c'est encore une autre paire de manche) or il y a très peu voir aucune formation pour apprendre à faire des test unitaires simples ( si cela existe ^^') et efficace!
    Si cela peut te donner une idée pour de futur vidéos ou formations que tu pourrais proposer sur l'une de tes plateformes de cours! Merci d'avance et merci pour ton boulot !!

    • @EcoleduWeb
      @EcoleduWeb  2 ปีที่แล้ว +1

      Salut Yannick, je vais voir pour d'autres vidéos Bootstrap 5 car la commu FR déteste ce Framework (alors que ce n'est qu'un outil !).
      Et paradoxalement ils adorent TailwindCSS, qui est aussi un FW css aha.
      Pour les tests c'est sur la liste !
      Jest / Jasmine / Mocha, ils vont y passer.
      Mais tout ça représente énormement de boulot et c'est pour ça que je cherche à m'entourer en ce moment :)
      Merci pour ton message!

  • @codein7764
    @codein7764 2 ปีที่แล้ว

    Thnk Enzo, c'est super, je voulais savoir comment tu fais pour que tes "lorem text" sont "wraper" automatiquement !??

    • @EcoleduWeb
      @EcoleduWeb  2 ปีที่แล้ว

      Dans les paramètres de VS Code tu peux gérer le "word wrap"

  • @Marie-VVV
    @Marie-VVV 2 ปีที่แล้ว

    Merci infiniment !

  • @developpeur4713
    @developpeur4713 2 ปีที่แล้ว

    Salut, merci pour cette vidéo, comment personnalise une Template bootstrap ?

    • @EcoleduWeb
      @EcoleduWeb  2 ปีที่แล้ว +1

      C'est un peu galère, il faut utiliser SASS et se référer à leur doc

    • @developpeur4713
      @developpeur4713 2 ปีที่แล้ว

      @@EcoleduWeb oke merci bcp

  • @naiiice3154
    @naiiice3154 2 ปีที่แล้ว

    Salut, je te remercie sur cette bonne vidéo déjà !
    J'ai essayé exactement avec le même code mais cela ne fonctionne pas pour moi, en cliquant sur le bouton, la modale ne s'affiche pas. J'ai essayé d'effacer le "bs" comme une personne a fait dans les commentaires, mais cela ne donne aussi rien pour moi, quelqu'un pourrait m'aider svp ? 😕

    • @EcoleduWeb
      @EcoleduWeb  2 ปีที่แล้ว

      Salut!
      Vérifie bien l'import de bootstrap et de son JS.
      Tu peux également retrouver le code de la modale sur leur site officiel et comparer avec ton code ;)

  • @alainbroye8226
    @alainbroye8226 ปีที่แล้ว

    hello,
    Merci pour cette vidéo, comment peut-on faire si l'on souhaite mettre le code de la modal dans un autre fichier que celui du bouton ?
    Exemple, le code du bouton est dans index.html à la racine de mon site et le reste de la modal dans components/modals/ avec le nom alert.html...
    Comment importer dans index.html tout le contenu de la ?

  • @anthonymenghi
    @anthonymenghi 2 ปีที่แล้ว +1

    On pourrait le faire facilement en pur CSS/ js. Sinon merci la vidéo est super !

    • @EcoleduWeb
      @EcoleduWeb  2 ปีที่แล้ว +1

      Oui j'en ai fait une vidéo récemment, mais le but d'un framework CSS est d'avoir ... un Framework 👍

  •  2 ปีที่แล้ว

    Sinon y a qui est supporté par 80% des navigateurs et qui fait tout ça nativement, non ? (J’ai cru voir passer une News à ce sujet)

    • @EcoleduWeb
      @EcoleduWeb  2 ปีที่แล้ว

      Oui mais là le but était de montrer comment le faire avec bootstrap 😁

  • @vincentdegeorge9278
    @vincentdegeorge9278 2 ปีที่แล้ว

    Bonjour
    constatant qu'avec ce code ma modale ne s'ouvrait pas, j'ai trouvé la solution en supprimant le "bs" du titre des paramètres "data-bs-toggle" "data-bs-target" "data-bs-dismiss"

    • @EcoleduWeb
      @EcoleduWeb  2 ปีที่แล้ว

      Étrange étrange, c’est pourtant le code officiel de la v5, mais bravo d’avoir trouvé une solution tout seul

    • @vincentdegeorge9278
      @vincentdegeorge9278 2 ปีที่แล้ว

      @@EcoleduWeb autant pour moi ! j'avais installé par erreur la version 3.4.1