Change the href in your carousel nav links to match the id value of the carousel you're controlling. That href value is how bootstrap determines which to slide. read more
Sure you can use many carousels in one page. The only thing you should change is the ID and href. read more
Problem: For two bootstrap carousels to work on a page, basically, I need to set two different IDs for their div containers (#carousel-1 and #carousel-2). But I've noticed that the carousels do not work unless I use #myCarousel as the ID of the div container. read more
I think you can just initialize them all using the class name, like so: $('.carousel').carousel({ interval: 10000 }); But you may want to test that. read more