title: Twitter Bootstrap carousel - move indicators
body: <p>I am trying to move my carousel indicators beneath the carousel. I've tried a few tips on the web to no avail.</p>
  
  <p>I tried bottom with a negative value, but no good.
  Any suggestions?</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="/bootstrap-3.1.1/images/carousel-1.jpg" alt="..."&gt;
        &lt;div class="carousel-caption"&gt;
         ATS International Conference
        &lt;/div&gt;
      &lt;/div&gt;
  
          &lt;div class="item"&gt;
        &lt;img src="/bootstrap-3.1.1/images/carousel-1.jpg" alt="..."&gt;
        &lt;div class="carousel-caption"&gt;
         ATS International Conference
        &lt;/div&gt;
      &lt;/div&gt;
  
          &lt;div class="item"&gt;
        &lt;img src="/bootstrap-3.1.1/images/carousel-1.jpg" alt="..."&gt;
        &lt;div class="carousel-caption"&gt;
         ATS International Conference
        &lt;/div&gt;
      &lt;/div&gt;
  
  
    &lt;/div&gt;
  
    &lt;!-- Controls --&gt;
    &lt;a class="left carousel-control" href="#carousel-example-generic" 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" data-slide="next"&gt;
      &lt;span class="glyphicon glyphicon-chevron-right"&gt;&lt;/span&gt;
    &lt;/a&gt;
  &lt;/div&gt;   
  </code></pre>