title: Bootstrap breadcrumbs over top of the image
body: <p>Good morning, I creat front-end our website portfolio and i need a little help (in the head does not fit =) )</p>
  
  <p>The problem is: I need develop header with a breadcrumbs and image </p>
  
  <p><a href="https://i.stack.imgur.com/bX2Ie.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bX2Ie.jpg" alt="enter image description here"></a></p>
  
  <p>I know parent class on the image must be have <code>position: relative</code> and childrens (breadcrumb) <code>position: absolute</code> but doesn't help :( </p>
  
  <p>my code: <a href="http://codepen.io/Yummy9522/pen/aBMKea" rel="nofollow noreferrer">http://codepen.io/Yummy9522/pen/aBMKea</a></p>
  
  <p>P.S. Breadcrumb must be into the container like as 'like' and 'views'</p>