How to make it so that when the focus on input popover is displayed not near the input itself, but near the icon with the question mark ( id="q1" )?

 <div class="form-group"> <label>Дата начала страхования: <i id="q1" class="fa fa-question-circle"></i></label> <input name="date_start" type="text" class="form-control" placeholder="ДД.ММ.ГГГГ" rel="popover" data-container="body" data-content="Укажите дату, с которой действует ваш страховой полис" data-trigger="focus"> </div>

    1 answer 1

    We transfer all the necessary data- to the element q1

     <div class="form-group"> <label>Дата начала страхования: <i id="q1" class="fa fa-question-circle" rel="popover" data-container="body" data-content="Укажите дату, с которой действует ваш страховой полис" data-toggle="popover"></i></label> <input name="date_start" type="text" class="form-control" placeholder="ДД.ММ.ГГГГ"> </div>

    and add some js code to popover

     <script> $(document).ready(function() { $('[name=date_start]').bind('focus',function() { $('#q1').popover('show'); }); }); </script>