Why is it the carousel next button and circle button doesnt work
<p>Here is the code of the carousel tutorial that i've got from <a href="http://bootstrapbay.com/blog/bootstrap-3-carousel-tutorial/" rel="nofollow">http://bootstrapbay.com/blog/bootstrap-3-carousel-tutorial/</a>. The carousel next button and the carousel dotted button doesn't work. I don't know what happen. Please help me about this. I put the image and the red button determines the buttons that doesn't work. </p>

<pre><code>&lt;div id="carousel-example-generic" class="carousel slide" data-ride="carousel"&gt;
      &lt;!-- Indicators --&gt;
      &lt;ol class="carousel-indicators"&gt;
        &lt;li data-target="#carousel-example-generic" data-slide-to="0" class="active"&gt;&lt;/li&gt;
        &lt;li data-target="#carousel-example-generic" data-slide-to="1"&gt;&lt;/li&gt;
        &lt;li data-target="#carousel-example-generic" data-slide-to="2"&gt;&lt;/li&gt;
      &lt;/ol&gt;

      &lt;!-- Wrapper for slides --&gt;
      &lt;div class="carousel-inner"&gt;
        &lt;div class="item active"&gt;
          &lt;img src="http://placehold.it/1200x315" alt="..."&gt;
          &lt;div class="carousel-caption"&gt;
              &lt;h3&gt;Caption Text&lt;/h3&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="item"&gt;
          &lt;img src="http://placehold.it/1200x315" alt="..."&gt;
          &lt;div class="carousel-caption"&gt;
              &lt;h3&gt;Caption Text&lt;/h3&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="item"&gt;
          &lt;img src="http://placehold.it/1200x315" alt="..."&gt;
          &lt;div class="carousel-caption"&gt;
              &lt;h3&gt;Caption Text&lt;/h3&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;

      &lt;!-- Controls --&gt;
      &lt;a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"&gt;
        &lt;span class="glyphicon glyphicon-chevron-left"&gt;&lt;/span&gt;
      &lt;/a&gt;
      &lt;a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"&gt;
        &lt;span class="glyphicon glyphicon-chevron-right"&gt;&lt;/span&gt;
      &lt;/a&gt;
    &lt;/div&gt; &lt;!-- Carousel --&gt;
</code></pre>

<p><a href="http://i.stack.imgur.com/moTt9.png" rel="nofollow">Carousel ScreenShot</a></p>