title: Center bootstrap carousel text vertically, weird issue
body: <p>Ok so I am running into a weird issue, I am using the second method in this quick trick to center my content vertically inside the bootstrap carousel:</p>
  
  <p><a href="http://css-tricks.com/centering-in-the-unknown/" rel="nofollow noreferrer">http://css-tricks.com/centering-in-the-unknown/</a></p>
  
  <p>Now I got this working but the container I have my content in becomes fluid, so I have to use offsets to get the content within the area I want it, this causes all kinds of problems for me.</p>
  
  <p>When I put my CSS class</p>
  
  <p><code>.center-vertically-right {
      display:        table-cell;
      text-align:     right;
      vertical-align: middle;
  }</code></p>
  
  <p>in the child element, this no longer works. I also moved <code>display: table;</code> to the parent.</p>
  
  <p>I have set up a <a href="http://jsfiddle.net/bzVx5/" rel="nofollow noreferrer"><strong>jsFiddle</strong></a> that demonstrates my issue: </p>
  
  <p><strong>Slide 1:</strong> <code>.center-vertically-right</code> class inside of child (no longer working)</p>
  
  <p><strong>Slide 2:</strong> demonstrates issue <code>.center-vertically-left</code> class inside of <code>.container</code> class causing layout to become fluid.</p>
  
  <p><strong>Slide 3:</strong> centers fluid layout with bootstrap offsets (not what  I want)</p>
  
  <p>I've read every question related and still cant find a solution. </p>
  
  <p>I spent all night last night trying different methods of centering vertically and it seems that this is the closest I can get with the display: table method. I have tried <a href="https://stackoverflow.com/questions/19070256/center-content-vertically-in-bootstrap3-carousel-with-flexbox">this method</a> with no success also a couple of other common ones, nothing seems to be working I at this point I am considering altering the design but will probably still try to figure this one out for the future.</p>