title: Hide Twitter Bootstrap left and right arrows if only one slider is present
body: <p>I've been trying to hide the Bootstrap Carousel left and right buttons if only one slider is present but can't seem to get it to work properly.</p>
  
  <p>I've tried</p>
  
  <pre><code>    if ($('.carousel-inner div').length === 1 ) { 
          $(this).find('.controls .carousel-control').hide();
      }
  </code></pre>
  
  <p>and </p>
  
  <pre><code>    if($('.carousel-inner .item').is(':only-child')) {
      $(this).find('.controls .carousel-control').hide();
  </code></pre>
  
  <p>Without any luck. </p>
  
  <p>Is there a particular reason why neither of these would work? The console returns the correct number of sliders for <code>.length</code> and I use the exact same <code>.hide</code> method on a different function dealing with this carousel.</p>