Javascript 为什么我的jqueryUI自动完成显示在左上角？

我正在使用Bootstrap4制作一个ASP.net核心应用程序，我想使用jquery UI自动完成功能使用数据库自动完成。我让所有的工作，但自动完成显示在我的屏幕左上角的某些原因

这是我的Js代码片段：

    $(document).ready(function () {
        $("#Machine").autocomplete({
            source: "/repair/Search",

        });
    });

这就是结果：

我希望它像预期的那样显示在文本字段的正下方。我试过了。在代码中放置标签，但我无法让它工作

---

它与使用引导程序有什么关系吗？

更改为jquery 1.12.4和jquery ui 1.12.1修复了由于某种原因而出现的问题

检查CSS的结果部分。是否包含完整视图代码？我可能也需要布局