title: How to use data-pause attribute in Bootstrap Carousel
body: <p>In Bootstrap carousel I want to disable pause on mouse over using data attribute is it possible. I am also trying to set data-interval but both doesn't work. However it works using JavaScript but i want to use it trough using data attribute.</p>
  
  <blockquote>
    <p>Options can be passed via data attributes or JavaScriptz. For data
    attributes, append the option name to data-, as in data-interval=""</p>
  </blockquote>
  
  <ul>
  <li>From Bootstrap official site.</li>
  </ul>
  
  <p>Thanks in Advance.
  JavaScript - </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(function(){
       $("#myCarousel").carousel();
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML -</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div id="myCarousel" class="carousel slide" data-interval="2000" data-pause="false"&gt;
      &lt;ol class="carousel-indicators"&gt;
          &lt;li data-target="#myCarousel" data-slide-to="0" class="active"&gt;&lt;/li&gt;
          &lt;li data-target="#myCarousel" data-slide-to="1"&gt;&lt;/li&gt;
          &lt;li data-target="#myCarousel" data-slide-to="2"&gt;&lt;/li&gt;
      &lt;/ol&gt;
      &lt;!-- Carousel items --&gt;
      &lt;div class="carousel-inner"&gt;
          &lt;div class="active item"&gt;&lt;img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg" alt=""&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg" alt=""&gt;&lt;/div&gt;
      &lt;div class="item"&gt;&lt;img src="http://twitter.github.io/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg" alt=""&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- Carousel nav --&gt;
      &lt;a class="carousel-control left" href="#myCarousel" data-slide="prev"&gt;&amp;lsaquo;&lt;/a&gt;
      &lt;a class="carousel-control right" href="#myCarousel" data-slide="next"&gt;&amp;rsaquo;&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>