bootstrap popover高级职位

Question

我的页面上有文字，里面有几个输入。当单击按钮时，弹出每个输入附近的输入，它们可以放在彼此和其他输入上。这不应该发生，我也不知道如何预防它。也许有一个脚本可以检查元素是否在另一个元素上，如果是，则将popover放在不同的方向上？

Single line with multiple commands using Windows batch file

每个popover的代码：

@RequestMapping(value = "/**", method = RequestMethod.GET)
public ModelAndView postPage(HttpServletRequest req){
    return "redirect:http://localhost:9090/flowID";
}

单击按钮时会显示所有弹出窗口：

 function show(){
      $('#gap1').popover({
          placement: 'auto right',
          html: 'true',
          content : 'popover text',
      }).popover('show');
 }

如屏幕截图所示，当显示所有弹出窗口时，它们可以放在彼此之上或附近的输入之上。这就是我想要阻止的。例如，当单击按钮时，第二个弹出窗口必须显示在其输入的左侧，因为在右侧有另一个带有自己的弹出框的输入。