Bootstrap popover内容错误位置

Question

我在我的项目中使用popover，当小页面上显示页面时，popover箭头位置正确但弹出内容错误。

我在父元素中使用col-md-7 col-sm-12 col-xs-12。 popover我把它设置在表td标签中。当桌面浏览器显示确定但在设备浏览器中显示错误。请帮我。抱歉我的英语不好。

输入代码：

 <input rel="popover" class="form-control" type="text" spellcheck="false" data-style="searchindexbox" 
  data-bind="popover:{ content:'<i class=&quot;fa fa-lightbulb-o&quot; aria-hidden=&quot;true&quot;></i> Nhập khu vực, địa điểm muốn tìm kiếm.<br/>+ Tên đường, tên phường xã, huyện... Ví dụ: go vap<br/>+ Sau đó chọn từ danh sách gợi ý.<br/>Hoặc chọn trực tiếp từ danh sách tỉnh thành bên dưới.', html: 'true', trigger:'focus' }, typeahead: { source: Suggestions, updater: Updater, minLength: 3, items: 'all' }, value: SearchText" />

使用Javascript：

ko.bindingHandlers.popover = {
            init: function(element, valueAccessor, allBindingsAccessor, viewModel) {
                var options = ko.utils.unwrapObservable(valueAccessor());
                var defaultOptions = {};        
                options = $.extend(true, {}, defaultOptions, options);
                options.placement = function (context, source){
                    return 'auto top';
                };
                $(element).popover(options);
                $(element).on("change paste keyup", function() {
                    if ($(this).val().length > 1) {
                        $(element).popover('hide');
                    }
                });
            }
        };