在 VStudio MVC 5 应用程序的 html 页面中引用 css 不起作用

Question

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

（正在接受 js refs）。

谢谢。

<!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>

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

Answer 1

Visual Studio 中的 Empty non MVC 网站的解决方案是显示所有文件，找到 Content 文件夹，然后将其包含在项目中，添加 css 文件，例如通过 NuGet 引导程序，如果还没有的话（VS 通常为大多数模板添加它）在自动），但在空白的 asp.net 网站中，内容文件夹可能不包含/不可见。 将您的 href 设置为 css 文件，一切都已完成并正常工作。