jquery - Bootstrap 4 升级后没有样式

Question

我有一个使用 Bootstrap 3.7 编写的 ASP.NET MVC 应用程序，我正在尝试将其升级到 Bootstrap 4.3。我还使用 jquery、jquery UI 和 jquery Unobtrusive/Validate。

从功能上来说，似乎一切正常，我已经通过进入页面源代码、右键单击并打开每个文件和引用来验证网站上运行的所有文件(css 和 js)都是最新版本。所有下拉菜单和自动完成功能等均有效。

问题在于，看起来一堆 Bootstrap 样式没有正确应用，特别是但不限于下拉菜单、导航栏和其他一些基本内容。我明白了，

而不是这个:

我想再次强调，一切正常，这是一个样式问题。这就是我的页面中呈现的内容，请注意所有列出的引用都是本地文件，并且所有引用都已被验证为最新版本。

FWIW，如果这有帮助的话 公共(public)静态无效RegisterBundles(BundleCollection捆绑) {

        bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/themes/base/jquery-ui.css",
                  "~/Content/site.css"
                  ));

        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-3.4.1.js",
                    "~/Scripts/jquery-ui-1.12.1.js",
                    "~/Scripts/jquery.unobtrusive*",
                    "~/Scripts/jquery.validate*"));

        bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                  "~/Scripts/umd/popper.js",
                  "~/Scripts/bootstrap.js"));

        bundles.Add(new ScriptBundle("~/bundles/ecm").Include(
                    "~/Scripts/ecm.js"));
    }

Answer 1

从 Bootstrap 3 到 4，在使用上存在一些差异，尤其是在类中。

例如，要在版本 4 中保持导航栏固定，请使用 .fixed-top 或 .fixed-bottom。您仍在使用.navbar-fixed-bottom。

颜色风格相同。导航栏中有 .navbar-inverse，但在版本 4 中它是 .navbar-dark。

要检查其余代码，我推荐此来源:Differences Between Bootstrap 3 & 4