title: How can enable swipe image in slide by touch (or mouse) in bootstrap?
body: <p>How can enable touch slide in bootstrap? </p>
  
  <p>for example: <a href="http://bootsnipp.com/snippets/featured/tabbed-slider-carousel" rel="nofollow">this</a></p>
  
  <p>and this is js script:</p>
  
  <pre><code>$(document).ready( function() {
      $('#myCarousel').carousel({
          interval:   4000
      });
  
      var clickEvent = false;
      $('#myCarousel').on('click', '.nav a', function() {
              clickEvent = true;
              $('.nav li').removeClass('active');
              $(this).parent().addClass('active');        
      }).on('slid.bs.carousel', function(e) {
          if(!clickEvent) {
              var count = $('.nav').children().length -1;
              var current = $('.nav li.active');
              current.removeClass('active').next().addClass('active');
              var id = parseInt(current.data('slide-to'));
              if(count == id) {
                  $('.nav li').first().addClass('active');    
              }
          }
          clickEvent = false;
      });
  });
  </code></pre>
  
  <p>how can do it?</p>