title: Twitter bootstrap carousel navigation arrows out of the image
body: <p>I put in my bootrap carousel some 940x120 images, i want the navigation arrows of the carousel to be out of the image, so they don't cover it. If did this:</p>
  
  <pre><code>.carousel-navigation.left {  
      margin-left: -45px;
  }
  
  .carousel-navigation.right {
      margin-right: -45px;
  }
  </code></pre>
  
  <p>When the Carousel cycles trough images the image bounce on the left side, like if it's following the arrow initial position for half second, then goes back to correct position, but this effect while cycling is not nice. How can i avoid this?</p>
  
  <p>Here's my example: <a href="http://jsfiddle.net/WmMXa/3/" rel="nofollow">http://jsfiddle.net/WmMXa/3/</a></p>