I would like to shift my popover so that it is displayed a certain distance away from the triggering element.
My html:
HTML Code:
<div class="panel">
    <div class="panel-body">
        <input type="text" id="text_input" data-toggle="popover"
        data-content="blah" data-trigger="focus" data-placement="left"/>
    </div>
</div>
my css:
HTML Code:
.panel {
    width:50%;
    margin-left: auto;
    margin-right: auto;
}
my js:
HTML Code:
$("[data-toggle='popover']").popover();
I would like the popover to be located outside of the panel.

Thanks.