Edit Question - KnowledgeHub

Title Body

I'm trying to implement the carousel from Bootstrap. Everything is working fine except the carousel indicators ('.carousel-indicators') are not cycling through with the slides. Here is a completely stripped down page : <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, width=device-width"> <meta name="description" content=""> <title>Test Home Page</title> <link href="http://s3.amazonaws.com/stockpr-test-store/esph2/files/css/bootstrap.min.css" rel="stylesheet" media="screen"> <style> li.active { color:red; } </style> </head> <body> <div class="container"> <h1>Test</h1> <div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> </ol>  <div class="carousel-inner"> <div class="active item"><img src="http://dummyimage.com/960x500/fff/000" alt="Slide 1"></div> <div class="item"><img src="http://dummyimage.com/960x500/fff/000" alt="Slide 2"></div> <div class="item"><img src="http://dummyimage.com/960x500/fff/000" alt="Slide 3"></div> </div>  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a> <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a> <

Tags (comma-separated) Cancel