Fatal编程技术网
  • css/
  • _Layout.cshtml css在ASP.NET核心Web应用程序中被破坏

_Layout.cshtml css在ASP.NET核心Web应用程序中被破坏

css asp.net-mvc razor asp.net-core-mvc

_Layout.cshtml css在ASP.NET核心Web应用程序中被破坏,css,asp.net-mvc,razor,asp.net-core-mvc,Css,Asp.net Mvc,Razor,Asp.net Core Mvc,我有一个ASP.NET核心Web应用程序，我有一些css问题。创建项目时创建的标准_Layout.cshtml文件几乎没有被触及，除了视图名称更改和添加了几个页面之外。在这里，您可以看到完整的_Layout.cshtml文件： @inject Microsoft.ApplicationInsights.AspNetCore.JavaScriptSnippet JavaScriptSnippet <!DOCTYPE html> <html id="html"> <he

我有一个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>

@inject Microsoft.ApplicationInsights.AspNetCore.JavaScriptSnippet JavaScriptSnippet
@ViewData[“标题”]-最大的输家
@Html.Raw（JavaScriptSnippet.FullScript）
切换导航
@RenderSection（“脚本”，必需：false）
如您所见，它几乎与在项目创建时创建的原始_Layout.cshtml（除了上述更改）相同

我几乎完成了这个项目，然而，我遇到了相当大的障碍。每当我调试项目时，都会遇到以下情况：

这与我们应该看到的非常不同：

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

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

您是否反转了这些图像引用？不，我只是想展示导航栏应该是什么样子，以及它应该是什么样子。Stackoverflow不是我的代码站点的通用修复程序。它用于询问特定的代码相关问题并获得特定的代码相关答案。现在还不清楚你的问题是什么，请帮我修改代码。你应该强烈地考虑你的问题，以便它提出一个具体的问题。这里有太多的变量，但一般来说，它看起来像是应该被加载的东西，不是。检查开发人员控制台中的404s。验证您的捆绑/最小化是否正常工作。问题是，我不知道是什么导致了问题，因此我无法缩小问题的范围。如果我知道问题是什么，我会的，但我不知道，所以我不能