Bootstrap carousel not working or sliding

Question

I tried to include carousel into my website but no success so far. I googled it and any answer is not helping. Mainly people had problem with not including jQuery.js or bootstrap.js. Both included. Do I have to call carousel in separate js file? Bootstrap docs says that I do not have to. Where is the mistake? Thanks for help!

HTML/CSS:

@import "adress-row.css";
@import "offer-head.css";
@import "navbar.css";

.carouselTop {
    position: absolute;
    width: 100%;
    top: 0;
}

.navbar {
    background-color: white;
    opacity: 65%;
    font-weight: 600;
    color: black;
}

.toptop {
    position: relative;
}



    
        
        
        
        
        

        
        
        

        
        
        

        
        



        Technologia dla domu

    
    
        
            
            
                
                    
                        
                            Oferta klimatyzacji od ręki!
                        
                    
                    

                    
                    
                        
                            Umów się na bezpłatną konsultację!
                        
                    
                
            

            
            
                    
                        
                            
                                
                                    
                                
                                
                                    
                                        Pn - Pt: 

                                        Sobota:
                                    
                                
                                
                                    
                                        7:00 - 17:00

                                        7:00 - 14:00
                                    
                                
                            
                        
                        
                            
                                
                                    
                                
                                
                                    E-mail: 

                                    tdd@gmail.com
                                
                            
                        
                        
                            
                                
                                    
                                
                                
                                    Telefon:

                                    123 456 789
                                
                            
                        
                    
            

            

                
                
                    
                        
                            
                        
                        
                        
                            
                                
                                    
                                        
                                    
                                
                                
                                    O nas
                                
                                
                                    
                                        Oferta
                                    
                                    
                                        Klimatyzacja
                                        Pompy ciepła
                                        Systemy alarmowe
                                        Smart home
                                    
                                
                                
                                    Katalogi i cenniki
                                
                                
                                    Poradnik
                                
                                
                                    Kontakt
                                
                                
                            
                        
                    
                

                
                
                    
                        
                        
                        
                    
                    
                        
                            
                        
                        
                            
                        
                        
                            
                        
                    
                    
                        
                        Previous
                    
                    
                        
                        Next

user_8265811 · Answer

Try putting your JavaScript file after/below the jQuery and Bootstrap files and ensure you have it in the order

```

user_5661396 · Answer

You forget to add js libs and code of carsoul in js file


 
        
         Technologia dla domu

.carouselTop {
    position: absolute;
    width: 100%;
    top: 0;
}

.navbar {
    background-color: white;
    opacity: 65%;
    font-weight: 600;
    color: black;
}

.toptop {
    position: relative;
}

 $('.carousel').carousel();

user_15346509 · Answer

You are using the bootstrap 4 make sure that your code for your carousel is in bootstrap 4 because there is new bootstrap which is bootstrap 5. If your carousel is not working try to add this:

This is for bootstrap 5

var myCarousel = document.getElementById('myCarousel')

myCarousel.addEventListener('slide.bs.carousel', function () {
  // do something...
})

This is for bootstrap 4

$('#myCarousel').on('slide.bs.carousel', function () {
  // do something...
})

try to put this on above the tags

in order for it to work

user_14701706 · Answer

You have to use those script. Hope your problem will be solved

Bootstrap carousel not working or sliding

4 Answers