title: How to make a centered, responsive CSS circle within a Boostrap div?
body: <p>See JSfiddle below:</p>
  
  <p><a href="https://jsfiddle.net/jamesdd9302/mpocy8vo/" rel="nofollow">https://jsfiddle.net/jamesdd9302/mpocy8vo/</a></p>
  
  <p>I have 3 steps side by side, hence the parent <code>&lt;div class="col-xs-4"&gt;</code>. Each step should look like a clean circle that's centered (which I'm trying to achieve with an inner div placement) with a number inside of it.</p>