I'm trying to use a Bootstrap 3 popover as a relatively positioned element that is inserted in normal document flow, so it pushes down the subsequent DOM elements. That is, I have a big image at the top, followed by a form. When the image is clicked, I want a popover to appear below the image, pushing down the form. 

I understand that popovers generally have an absolute position as in the normal use case this makes sense. However, in my particular case, I'd like it to be relatively positioned, but still appear below the element it belongs to. Is there a (non-hacky) way to accomplish this?