title: How to Position a Div in a specific area?
body: <p>I am using Bootstrap and I am trying to create a similar layout to one used by twitter as seen in the screenshot below.</p>
  
  <p><img src="https://i.stack.imgur.com/Rlwvw.png" alt="enter image description here"></p>
  
  <p>The Part I am trying to do is where the profile picture is. I am trying to add a div that is positioned over another div and I really have no idea where to start.</p>
  
  <p>I have the nav and the blue container but not sure how to create the div on top like shown.</p>
  
  <p><a href="http://www.bootply.com/v7fKXw63nh" rel="nofollow noreferrer">http://www.bootply.com/v7fKXw63nh</a></p>
  
  <p>Any ideas?</p>