Por que não esta dando certo quando eu coloco para frente no carrocel

Meu carrocel funciona , mais , quando eu clico para passar a foto ou voltar a foto (imagem) ele não passa .

Veja o código :

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
 <!-- Indicators -->
 <ol class="carousel-indicators">
 <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 <li data-target="#carousel-example-generic" data-slide-to="1"></li>
 <li data-target="#carousel-example-generic" data-slide-to="2"></li>
 <li data-target="#carousel-example-generic" data-slide-to="3"></li>
 </ol>

 <!-- Wrapper for slides -->
 <div class="carousel-inner" role="listbox">
 <div class="item active">
 <img src="imagens/back1.jpg" alt="">
 <div class="carousel-caption">
 valor da peça
 </div>
 </div>
 <div class="item">
 <img src="imagens/back2.jpg" alt="...">
 <div class="carousel-caption">
 valor da peça 2
 </div>
 </div>
 <div class="item">
 <img src="imagens/back3.jpg" alt="...">
 <div class="carousel-caption">
 valor da peça 3
 </div>
 </div>
 <div class="item">
 <img src="imagens/back4.jpg" alt="...">
 <div class="carousel-caption">
 valor da peça 4
 </div>
 </div>
 ...
 </div>

 <!-- Controls -->
 <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
 <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
 <span class="sr-only">Previous</span>
 </a>
 <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
 <span class="sr-only">Next</span>
 </a>
 </div>