_Layout.cshtml css 在 ASP.NET Core Web 应用程序中损坏答案

【问题标题】：_Layout.cshtml css broken in ASP.NET Core Web Application_Layout.cshtml css 在 ASP.NET Core Web 应用程序中损坏
【发布时间】：2017-04-28 14:08:50
【问题描述】：

我有一个 ASP.NET Core Web 应用程序，但遇到了一些 css 问题。在创建项目时创建的标准 _Layout.cshtml 文件几乎没有被触及，除了视图名称更改和添加了几个页面。在这里，您可以看到完整的 _Layout.cshtml 文件：

@inject Microsoft.ApplicationInsights.AspNetCore.JavaScriptSnippet JavaScriptSnippet
<!DOCTYPE html>
<html id="html">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - Biggest Loser</title>

    <environment names="Development">
        <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
        <link rel="stylesheet" href="~/css/site.css" />
    </environment>
    <environment names="Staging,Production">
        <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/css/bootstrap.min.css"
              asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"
              asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" />
        <link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" />
    </environment>
    @Html.Raw(JavaScriptSnippet.FullScript)
</head>
<body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a asp-area="" asp-controller="Home" asp-action="Index" class="navbar-brand">Biggest Loser</a>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li><a asp-area="" asp-controller="Weights" asp-action="Index">Weights</a></li>
                        <li><a asp-area="" asp-controller="UserDetails" asp-action="Index">Target Weight</a></li>
                        <li><a asp-area="" asp-controller="Weights" asp-action="Summary">Summary</a></li>
                    </ul>
                    @await Html.PartialAsync("_LoginPartial")
                </div>
            </div>
        </nav>
        <div class="container body-content">
            @RenderBody()
            <hr/>
            <footer>
                <a href="http://www.needlecast.co.uk"><p>&copy; 2017 <img src="~/img/Asset 6.png" id="footerphoto" /></p></a>
            </footer>
        </div>

        <environment names="Development">
            <script src="~/lib/jquery/dist/jquery.js"></script>
            <script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>
            <script src="~/js/site.js" asp-append-version="true"></script>
        </environment>
        <environment names="Staging,Production">
            <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.2.0.min.js"
                    asp-fallback-src="~/lib/jquery/dist/jquery.min.js"
                    asp-fallback-test="window.jQuery"
                    crossorigin="anonymous"
                    integrity="sha384-K+ctZQ+LL8q6tP7I94W+qzQsfRV2a+AfHIi9k8z8l9ggpc8X+Ytst4yBo/hH+8Fk">
            </script>
            <script src="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/bootstrap.min.js"
                    asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.min.js"
                    asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal"
                    crossorigin="anonymous"
                    integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa">
            </script>
            <script src="~/js/site.min.js" asp-append-version="true"></script>
        </environment>
        @RenderSection("Scripts", required: false)
</body>
</html>

如您所见，它几乎与在项目创建时创建的原始 _Layout.cshtml（除上述更改外）相同。

我几乎完成了这个项目，但是，我遇到了很大的障碍。每当我调试项目时，这就是我所受到的欢迎： https://i.stack.imgur.com/1dd5m.png

这和应该看到的很不一样：https://i.stack.imgur.com/Xpk6M.png

忽略轮播和文本，它只是消失的导航栏以及 Home/Index.cshtml 视图上的文本格式。在我将其发布到 Azure 之前，格式一切正常。奇怪的是，我有源代码控制项目，以前的版本（在此之前工作，顺便说一句）现在有同样的问题。我已经重置了 VS 2017 设置，_Layout.cshtml 中的所有代码都已重置，并且我已重置为 wwwroot 文件夹中的默认 CSS。我在这个问题上有 30 多年的经验，但无济于事。正因为如此，我来到互联网上帮助我。如果您需要查看/了解任何其他文件或设置，请发表评论，我很乐意向您展示。

【问题讨论】：

你把那些图片引用倒过来了吗？
不，我只是想展示导航栏应该是什么样子，就像它应该是什么样子一样。
Stackoverflow 不是我的代码站点的通用修复程序。它用于询问特定代码相关的问题并获得特定代码相关的答案。除了请帮我修复我的代码之外，目前还不清楚您的问题是什么。您应该强烈考虑改写您的问题，以便它提出一个特定的问题。
这里的变量太多了，但一般来说看起来应该加载的东西，不是。检查 404 的开发者控制台。验证您的捆绑/最小化是否正常工作。
问题是，我不知道是什么导致了这个问题，所以我无法缩小问题的范围。如果我完全知道问题出在哪里，我会的，但我不知道，所以我不能

标签： css asp.net-mvc razor asp.net-core-mvc

【解决方案1】：

我们实际上已经解决了这个问题。事实证明，在我尝试安装引导主题后，当我尝试删除它时，它并没有删除所有必要的文件。感谢您的帮助，这个问题现在可以结束了。

【讨论】：