在 VStudio MVC 5 应用程序的 html 页面中引用 css 不起作用
Posted
技术标签:
【中文标题】在 VStudio MVC 5 应用程序的 html 页面中引用 css 不起作用【英文标题】：Reference to css in an html page in a VStudio MVC 5 app not working 【发布时间】：2020-03-23 06:50:30 【问题描述】：我有一个奇怪的 CSS 问题。 （可能错过了一些非常基本的东西）。 我有一个小项目（我的解决方案中的 8 个项目之一）。 它是一个 MVC 空应用程序，带有一个简单的 index.html 文件，它引用了 bootstrap.css 它也有一个弹出窗口。 （根本不引用任何 CSS）。 弹出窗口显示了预期的 css 样式，但它根本没有引用它们。 （留给它的父级 css 链接）。 但是 index.html .. 看起来不像它应该的那样（使用 navbar navbar-inverse）。 我错过了什么？请。 我使用 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>
这是项目解决方案资源管理器的图像。
【问题讨论】：
【参考方案1】：Visual Studio 中空的非 MVC 网站的解决方案是显示所有文件，找到 Content 文件夹，然后将其包含在项目中，添加 css 文件，例如通过 NuGet 引导，如果还没有的话（大多数模板通常会自动添加它），但是在空白的 asp.net 网站中，内容文件夹可能不包含/不可见。 将您的 href 设置为 css 文件，一切就绪。
【讨论】：
以上是关于在 VStudio MVC 5 应用程序的 html 页面中引用 css 不起作用的主要内容，如果未能解决你的问题，请参考以下文章
如何在 Spring Web MVC 中使用 Ajax JQuery
ASP.net MVC 代码片段问题中的 Jqgrid 实现