CSS没有被拉入页面？答案

【问题标题】：CSS not being pulled into page?CSS没有被拉入页面？
【发布时间】：2020-04-13 05:26:20
【问题描述】：

我正在尝试使用我找到的教程here 在 C# MVC 项目上使用 Bootstrap 4 制作一个基本的侧导航栏。项目目标框架是.Net 4.5.2。目前该页面内容不多，因此我将整个页面发布在下面。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@ViewBag.Title</title>
<!-- Bootstrap CSS CDN -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<!-- Our Custom CSS -->
<link rel="stylesheet" href="style.css">

<!-- Font Awesome JS -->
<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"></script>
</head>
<body>
<div class="wrapper">
    <!-- Sidebar -->
    <nav id="sidebar">
        <div class="sidebar-header">
            <h3>Bootstrap Sidebar</h3>
        </div>

        <ul class="list-unstyled components">
            <p>Dummy Heading</p>
            <li class="active">
                <a href="#homeSubmenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">Home</a>
                <ul class="collapse list-unstyled" id="homeSubmenu">
                    <li>
                        <a href="#">Home 1</a>
                    </li>
                    <li>
                        <a href="#">Home 2</a>
                    </li>
                    <li>
                        <a href="#">Home 3</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#">About</a>
            </li>
            <li>
                <a href="#pageSubmenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">Pages</a>
                <ul class="collapse list-unstyled" id="pageSubmenu">
                    <li>
                        <a href="#">Page 1</a>
                    </li>
                    <li>
                        <a href="#">Page 2</a>
                    </li>
                    <li>
                        <a href="#">Page 3</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#">Portfolio</a>
            </li>
            <li>
                <a href="#">Contact</a>
            </li>
        </ul>
    </nav>

</div>

@RenderBody()
<!-- jQuery CDN - Slim version (=without AJAX) -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<!-- Popper.JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<!-- Bootstrap JS -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
</body>
</html>

这是我运行代码时页面的样子。看起来 CSS 没有被完全包含在内。我对 MVC 有点陌生，但对 HTML 不熟悉。有没有一种特殊的方法可以让 MVC 完全加载到所有 JS 和 CSS 文件中？

我还可以在 Chrome 控制台源选项卡中看到 Bootstrap 的 JS 和 CSS。

我在这里错过了什么？

编辑 1

我忘了提到上面的 HTML 位于 _layout.cshtml 文件中。不确定这是否重要。

【问题讨论】：

您是否使用 Fiddler 之类的工具查看了已下载（或未下载）的内容
检查开发者工具的控制台。那里有什么错误吗？
奇怪的是，Fiddler 使应用程序崩溃。突然，Microsoft 登录页面抛出“无法访问此站点”错误。如果我停止应用程序，停止 Fiddler，然后重新启动应用程序，它就可以正常工作。
@OguzOzgul 开发工具控制台上没有错误。
当我在我的机器上运行这个 html 代码时，除了你没有的 style.css 文件之外，一切都下载得很好。

标签： c# html css model-view-controller

【解决方案1】：

我发现了发生了什么。 This 的回答让我想到也许我的代码在错误的文件中。我把它从 layout.cshtml 文件中拉出来，放到 index.cshtml 文件中，它就开始工作了！

【讨论】：