在 VStudio MVC 5 应用程序的 html 页面中引用 css 无效

Reference to css in an html page in a VStudio MVC 5 app not working

我有一个奇怪的 css 问题。 (可能错过了一些非常基本的东西)。
我有一个小项目(我的解决方案中的 8 个项目之一)。
它是一个 MVC 空应用程序,带有一个简单的 index.html 文件,该文件引用了 bootstrap.css 它也有一个弹出窗口。 (根本不引用任何 css)。
弹出窗口显示了预期的 css 样式,但它根本没有引用它们。 (留给它的父 css 链接)。
但是 index.html ..看起来一点也不像它应该的样子(使用导航栏 navbar-inverse)。
我错过了什么?请。
我使用 nm 安装必要的文件夹结构。

(正在提取 js 引用)。

谢谢。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>JS Application</title>  
    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css" />
    <script src="node_modules/jquery/dist/jquery.js"></script>
    <script src="node_modules/bootstrap/dist/js/bootstrap.js"></script>
    <script src="node_modules/oidc-client/dist/oidc-client.js"></script>

<style>
    .main-container {
        padding-top: 70px;
    }
</style>
</head>
<body style="vertical-align:top;">
<nav id="main_nav" class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid navbar-inverse" style="color:gainsboro;height:100%">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">JS Application</a>
        </div>
    </div>

    <div class="container main-container">
        <div class="row">
            <div class="col-xs-12">
                <ul class="list-inline list-unstyled requests">
                    <li><a href="index.html" class="btn btn-primary">Home</a></li>
                    <li><button type="button" class="btn btn-default js-login">Login</button></li>
                    <li><button type="button" class="btn btn-default js-call-api">Call API</button></li>
                    <li><button type="button" class="btn btn-default js-logout">Logout</button></li>
                </ul>
            </div>
        </div>
    </div>
</nav>

这是项目解决方案资源管理器的图像。

Visual Studio 中空的非 MVC 网站的解决方案是显示所有文件,找到内容文件夹,然后将其包含在项目中,添加 css 文件,例如bootstrap 通过 NuGet,如果还没有(VS 通常会自动为大多数模板添加它),但在空白 asp.net 网站中,内容文件夹可能不是 included/visible。 将您的 href 设置为 css 文件,一切都已完成并开始工作。