title: Bootstrap 3 carousel controls and indicator links not working
body: <p>I am scratching my head why Bootstrap 3 carousel controls (and indicator) links are not working on my page. It was a simple copy-paste from docs + a little of CSS customization. Code can be seen here <a href="http://bevog.si.bitcloud.nine.ch/" rel="noreferrer">http://bevog.si.bitcloud.nine.ch/</a> (#gallery).</p>
  
  <p>UPDATE:</p>
  
  <p>Carousel init code</p>
  
  <pre><code>/* GALLERY */
  $('#gallery-carousel').carousel()
  </code></pre>
  
  <p>Carousel markup</p>
  
  <pre><code>&lt;div id="gallery-carousel" class="carousel slide"&gt;
    &lt;ol class="carousel-indicators"&gt;
      &lt;li data-target="#bevog-image-1" data-slide-to="0" class="active"&gt;&lt;/li&gt;
      &lt;li data-target="#bevog-image-2" data-slide-to="1"&gt;&lt;/li&gt;
      &lt;li data-target="#bevog-image-3" data-slide-to="2"&gt;&lt;/li&gt;
    &lt;/ol&gt;
  
    &lt;div class="carousel-inner"&gt;
      &lt;div class="item active" id="bevog-image-1"&gt;
        &lt;img src="img/bevog_gallery_01.jpg" alt="Bevog gallery picture title"&gt;
      &lt;/div&gt;
      &lt;div class="item" id="bevog-image-2"&gt;
        &lt;img src="img/bevog_gallery_01.jpg" alt="Bevog gallery picture title"&gt;
      &lt;/div&gt;
      &lt;div class="item" id="bevog-image-3"&gt;
        &lt;img src="img/bevog_gallery_01.jpg" alt="Bevog gallery picture title"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
    &lt;a class="left carousel-control" data-slide="prev" href="#"&gt;&lt;span class="icon-prev"&gt;&lt;/span&gt;&lt;/a&gt;
    &lt;a class="right carousel-control" data-slide="next" href="#"&gt;&lt;span class="icon-next"&gt;&lt;/span&gt;&lt;/a&gt;
  &lt;/div&gt;      
  </code></pre>