title: Bootstrap Carousel Indicators can't touchable on ipad
body: <p>I can't understand what's problem but my carousel indicators not working on Ipad or any touch screen. They work on computer but not on Ipad or Iphone. What can be the problem?</p>
  
  <h1>HTML:</h1>
  
  <pre><code>&lt;ol class="carousel-indicators grey"&gt; 
      &lt;li data-target="#sidebar-carousel-6" data-slide-to="0" class="active"&gt;&lt;/li&gt;
      &lt;li data-target="#sidebar-carousel-6" data-slide-to="1"&gt;&lt;/li&gt;
      &lt;li data-target="#sidebar-carousel-6" data-slide-to="2"&gt;&lt;/li&gt;
      &lt;li data-target="#sidebar-carousel-6" data-slide-to="3"&gt;&lt;/li&gt;
      &lt;li data-target="#sidebar-carousel-6" data-slide-to="4"&gt;&lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p>Bootstrap version is 3</p>