I have a product list, I made a js file which ads filter buttons and a search bar which works well but when I put it in my html file it stops working because of the Bootstrap link.
When I remove bootstrap 5.1.4 link code<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> then js content works well (but i lose my bootstrap designs). Basically both won’t work when on the same page i don’t understant why.
my code : https://jsfiddle.net/q69b1c0y/2/