title: Bootstrap Carousel on mobile device
body: <p>I have a site which uses the bootstrap carousel. On the desktop the carousel works fine. 
  On my smartphone the carousel is wider than the screen. This means I can scroll to the right. </p>
  
  <p>I was looking where this come from and I think it is because of the overlay for the next button. This dark field with lowered opacity can be seen on the right of the site. This only happens on my smartphone. Disabling the background of this container didn't help.</p>
  
  <p>You can look at the site at <a href="http://christophkreibich.de/sandbox/0017" rel="nofollow">http://christophkreibich.de/sandbox/0017</a></p>