title: Issue on Re-Positioning Bootstrap Carousel Caption For Each Slide
body: <p>I am trying to have custom position for each of the Bootstrap Carousel slides in <a href="http://jsfiddle.net/Behseini/9thw5mad/" rel="nofollow"><kbd>This Demo</kbd></a></p>
  
  <p>As you can see from the code the</p>
  
  <pre><code>.carousel-caption {
      top: 0;
      bottom: auto;
  }
  </code></pre>
  
  <p>overwrites the original caption rule and bring the caption up but what if I need to re-presents the other  slides captions in other position?! I already tried this by adding a new rule through <code>.cap</code></p>
  
  <pre><code>.cap {
      top: 50 !important;
      bottom: auto;
  }
  </code></pre>
  
  <p>but not working! Can you please let me know how to fix this?</p>
  
  <p>Thanks</p>