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"/>
my css:
HTML Code:
.panel {
    margin-left: auto;
    margin-right: auto;
my js:
HTML Code:
I would like the popover to be located outside of the panel.