Javascript 在html中使用Bootstrap和KendoUI时，引用顺序和要引用的文件是否正确？

在html中使用Bootstrap和KendoUI时，正确的引用顺序和要引用的文件是什么

现在我有一个视图，我想你可以称之为母版页，我引用了Bootstrap和KendoUI，但我注意到在创建网格并向其中添加过滤功能时，我得到了两个额外的列，如图所示。。

然而，当我将代码添加到KendoUI的dojo中时，它看起来很正常，如图所示。。。

所以我在想，也许我的引用不正确

这是我的“主页”

@{
布局=空；
}
试验
@style.Render（“~/Content/css”）


菜单










废话
这是你主要的东西

@*
页脚内容位于此处*@
$（文档）.ready（函数（）{
$（'#manageusers'）。单击（函数（）{
$（'.body content'）.load（“../ManageLoginUsers/ManageUsers”）；
});
$（'#managegroups'）。单击（函数（）{
$（'.body content'）.load（“../ManageGroups/ManageGroups”）；
});
});

我不能让Bootstrap和KendoUI一起玩得很好，我想这可能与我引用所有CSS和脚本的顺序有关

---

那么正确的顺序是什么呢？

经过几天的参考顺序测试，我得出了这个顺序

JQuery JS
Bootstrap JS
Bootstrap CSS

KendoAll JS
Kendo Default CSS
Kendo Common Bootstrap CSS

---

这似乎是正确的，因为我没有更多的问题。当我在上面的问题中查看我的代码时，我看到了它看起来有多可怕，并且在截图中修复了这个问题。这个问题来自另一个开发人员CSS文件，它覆盖了很多东西。

所以在测试了几天的引用顺序之后，我提出了这个顺序

JQuery JS
Bootstrap JS
Bootstrap CSS

KendoAll JS
Kendo Default CSS
Kendo Common Bootstrap CSS

这似乎是正确的，因为我没有更多的问题。当我在上面的问题中查看我的代码时，我看到了它看起来有多可怕，并且在截图中修复了这个问题。这个问题来自另一个开发人员CSS文件，它覆盖了很多东西