Question

我有一个ASP.NET核心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文件夹中的defualt CSS。我有一个30多年的人在这个问题上，但无济于事。因此，我来到互联网帮助我。如果您需要查看/了解任何其他文件或设置，请发表评论，我很乐意向您展示。

Answer 1

我们确实解决了这个问题。事实证明，在我尝试安装引导程序主题之后，当我尝试删除它时，它并没有删除所有必需的文件。谢谢，在你的帮助下，这个问题现在可以关闭了。

ASP.NET核心Web应用程序中断了_Layout.cshtml css

1 个答案: