title: Bootstrap carousel error with images when i click
body: <p>I have problem with my carousel slider.</p>
  
  <p>The problem is: when i click on next o prev button nothing is happend. I read some articles here on stack but no one helped me. I tried some other carousels, but same result</p>
  
  <p>Thanks </p>
  
  <pre><code>&lt;!doctype html&gt;
   &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Testing&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="style.css"&gt;
      &lt;link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"&gt;
      &lt;script src="bootstrap/js/bootstrap.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
    &lt;body&gt;
     &lt;!--&lt;div class="header"&gt;
  &lt;nav class="navbar navbar-default navbar-fixed-top" role="navigation"&gt;
      &lt;div class="container-fluid"&gt;
     &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
    &lt;div class="navbar-header"&gt;
    &lt;a class="navbar-brand" href="#"&gt;&lt;/a&gt;
     &lt;/div&gt;
  
  &lt;!-- Collect the nav links, forms, and other content for toggling --&gt;
  &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;
  
  
    &lt;ul class="nav navbar-nav navbar-right"&gt;
      &lt;li&gt;&lt;a href="#"&gt;Úvod&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Ubytování&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Mapa&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Ceník&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Fotogalerie&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Kontakt&lt;/a&gt;&lt;/li&gt;     
      &lt;/li&gt;
    &lt;/ul&gt;
     &lt;/div&gt;&lt;!-- /.navbar-collapse --&gt;
     &lt;/div&gt;&lt;!-- /.container-fluid --&gt;
   &lt;/nav&gt;
   &lt;/div&gt;&lt;!-- --&gt;
  
   &lt;div id="carousel" class="carousel slide" data-ride="carousel"&gt;
  &lt;!-- Menu --&gt;
  &lt;ol class="carousel-indicators"&gt;
      &lt;li data-target="#carousel" data-slide-to="0" class="active"&gt;&lt;/li&gt;
      &lt;li data-target="#carousel" data-slide-to="1"&gt;&lt;/li&gt;
      &lt;li data-target="#carousel" data-slide-to="2"&gt;&lt;/li&gt;
  &lt;/ol&gt;
  
  &lt;!-- Items --&gt;
  &lt;div class="carousel-inner"&gt;
  
      &lt;div class="item active"&gt;
          &lt;img src="http://lorempixel.com/1500/600/abstract/1" alt="Slide 1" /&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;img src="http://lorempixel.com/1500/600/abstract/2" alt="Slide 2" /&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;img src="http://lorempixel.com/1500/600/abstract/3" alt="Slide 3" /&gt;
      &lt;/div&gt;
     &lt;/div&gt; 
     &lt;a href="#carousel" class="left carousel-control" data-slide="prev"&gt;
      &lt;span class="glyphicon glyphicon-chevron-left"&gt;&lt;/span&gt;
     &lt;/a&gt;
    &lt;a href="#carousel" class="right carousel-control" data-slide="next"&gt;
      &lt;span class="glyphicon glyphicon-chevron-right"&gt;&lt;/span&gt;
     &lt;/a&gt;
     &lt;/div&gt;
  
   &lt;!--&lt;div class="content"&gt;
  &lt;div class="title_content"&gt;Ubytování Macalíkovi&lt;/div&gt;
  &lt;div class="room1"&gt;&lt;p&gt;Všechny pokoje mají společnou kuchyň a sociální zařízení. Kuchyň je vybavena sporákem,  troubou, varnou konvicí, mikrovlnou troubou, chladničkou a nádobím.&lt;/p&gt;&lt;/div&gt;
  &lt;div class="room2"&gt;&lt;p&gt;Samozdřejmě můžete také využívat prosklennou verandu, která je přístupná z chodby pro všechny ubytované.&lt;/p&gt;&lt;/div&gt;
  &lt;div class="room3"&gt;&lt;p&gt;V každém pokoji najdete televizi, která je připojenak satelitu, kde najdete velké množství kanálů, pro vaše větší pohodlí.&lt;/p&gt;&lt;/div&gt;
   &lt;/div&gt;
  &lt;div class="footer"&gt;
  &lt;div class="author"&gt;@ 2014 Macalíkovi, Všechna práva vyhrazena&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;!--&lt;script&gt;$("#carousel_nav").click(function(){   
  var item = 4;   
  $('#home_carousel').carousel(item);   
  return false;   
  });&lt;/script&gt;--&gt; &lt;!-- --&gt;
  &lt;script&gt;
  $(document).ready(function(){
  console.log("hello world");
  $('#carousel-example-generic').on('slid.bs.carousel', function () {
  $holder = $( "ol li.active" );
  $holder.removeClass('active');
  var idx = $('div.active').index('div.item');
  $('ol.carousel-indicators li[data-slide-to="'+ idx+'"]').addClass('active');
  });
  
  $('ol.carousel-indicators  li').on("click",function(){ 
  $('ol.carousel-indicators li.active').removeClass("active");
  $(this).addClass("active");
   });
  });
   &lt;/script&gt;
  </code></pre>
  
  <p>
      </p>