title: Make text readable on arbitrary background image
body: <p>I am using the <a href="http://getbootstrap.com/javascript/#carousel" rel="noreferrer">carousel component</a> from the new Bootstrap 3 RC2. However, I noticed that in practice the caption is often not readable because my pictures very a lot in color. The previous Bootstrap 2.3 used a <a href="http://getbootstrap.com/2.3.2/javascript.html#carousel" rel="noreferrer">black gradient for captions</a> but that seems to have been removed.</p>
  
  <p>What would be a way to style my caption with CSS to make them readable against arbitrary images? I have tried to play with shadow and background-color, but that just gets incredibly ugly.</p>
  
  <p>Here some example code: <a href="http://bit.ly/1eX8Tz9" rel="noreferrer">http://bit.ly/1eX8Tz9</a></p>