title: Bootstrap carousel caption opacity
body: <p>I have created an image Carousel using Twitter Bootstrap 2.3.2 but when resizing the browser/viewing on a smaller screened device the caption background loses it opacity. </p>
  
  <p><a href="http://getbootstrap.com/2.3.2/javascript.html#carousel" rel="nofollow noreferrer">An example</a> can be seen on the bootstrap website (try resizing the browser to mobile screen size, the caption background changes to a solid color).</p>
  
  <p>What is causing this?</p>
  
  <p>How can this be overridden? </p>