title: Bootstrap 3 carousel slide to certain image
body: <p>I got one problem and one question.</p>
  
  <p>1) The next, previous arrows don't work. They appear well, but if i click on it, nothing happens.. Anyone has a clue why?</p>
  
  <p>2) How can I trigger to slide to a certain image by clicking in one of those divs i created below?</p>
  
  <p>You can find my code here below:
  Thanks in advance!</p>
  
  <pre><code>&lt;div class="row carousel2-container"&gt;  
    &lt;div id="carousel2-example-generic" class="carousel slide" data-ride="carousel"&gt;
  &lt;!-- Indicators --&gt;
  &lt;ol class="carousel-indicators hidden"&gt;
    &lt;li data-target="#carousel2-example-generic" data-slide-to="0" class="active"&gt;&lt;/li&gt;
    &lt;li data-target="#carousel2-example-generic" data-slide-to="1"&gt;&lt;/li&gt;
    &lt;li data-target="#carousel2-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="/assets/uploads/7fb6633be98d5aad669653c706ebfee9.png" alt="carousel1"&gt;
    &lt;/div&gt;
    &lt;div class="item"&gt;
      &lt;img src="/assets/uploads/7fb6633be98d5aad669653c706ebfee9.png" alt="carousel2"&gt;
    &lt;/div&gt;
    &lt;div class="item"&gt;
      &lt;img src="/assets/uploads/7fb6633be98d5aad669653c706ebfee9.png" alt="carousel3"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
      &lt;a class="left carousel-control" href="#carousel2-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="#carousel2-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;/div&gt;
  &lt;div class="row carousel2-container"&gt;
    &lt;div class="col-xs-12 carousel2-bottom"&gt;
      &lt;div class="col-xs-4 carousel2-item" data-slide-to="0"&gt;
          &lt;div class="col-xs-3"&gt;
  
          &lt;/div&gt;
          &lt;div class="col-xs-9"&gt;
              dsfkljfldskhfjklqshfkjsd kldsqj flksqjdf lksdj flksqdj flksqdj flksqj lfkqs djflm
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-xs-4 carousel2-item" data-slide-to="1"&gt;
          &lt;div class="col-xs-3"&gt;
  
          &lt;/div&gt;
          &lt;div class="col-xs-9"&gt;
              dsfkljfldskhfjklqshfkjsd kldsqj flksqjdf lksdj flksqdj flksqdj flksqj lfkqs djflm
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-xs-4 carousel2-item" data-slide-to="2"&gt;
          &lt;div class="col-xs-3"&gt;
  
          &lt;/div&gt;
          &lt;div class="col-xs-9"&gt;
              dsfkljfldskhfjklqshfkjsd kldsqj flksqjdf lksdj flksqdj flksqdj flksqj lfkqs djflm
          &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>