ASP.NET MVC 视图添加样式表 class 或更改 bootstrap

Question

当我在 ASP.NET MVC 中的视图 html 上添加 css 类或更改 bootstrap 类时，没有任何反应。

CSS 样式表

.icon {
    margin-top: 8px;
    border: 1px solid white;
    border-radius: 100%;
}

.titleLibrary{
    color: gray;
}

查看html

<a href="@Url.Action("Index","Home")">
   <img src="@Url.Content("~/Icons/bookIcon.jpg")" width="50" class="icon" />
</a>
   @Html.ActionLink("Library", "Index", "Home", new { area = "" }, new { @class = "titleLibrary" })

screenshot

但是当我在 html 中使用样式时，一切都很好

<a href="@Url.Action("Index","Home")">
   <img src="@Url.Content("~/Icons/bookIcon.jpg")" width="50" style=" border: 1px solid white; border-radius: 100%;" />
</a>

Answer 1

嘿伊万，你确定在你正在使用的视图上渲染你的样式吗？例如，如果您使用的是布局页面，您通常会在布局页面的头部呈现样式包或 sheet。

我举个例子

<head>
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Project System</title>
    @Styles.Render("~/content/site-bundle")
    @RenderSection("styles", false)
</head>

在这里你可以看到我渲染我的样式包。在这种情况下，您可以改为渲染您拥有的样式sheet。

Answer 2

如果您没有清除缓存，这可能是未在您的索引或任何其他页面中反映更新的 CSS 样式的原因。所以尝试清空缓存再尝试更新样式。要清除缓存，请使用 Ctrl+F5。这将有助于清除缓存。另一种解决方案，如果您单独保留 style.css 文件，请在索引页面顶部提供参考 link，然后刷新并重建页面并重试。

<head>  
 <link href="~/Content/background.css" rel="stylesheet" />
</head>

Answer 3

确保，如果 css 文件与 html 页面位于同一目录（或文件夹）中，则只需输入“style.css”和名称即可css 文件的匹配项。我只是使用 style.css 来简化事情。但是，如果 css 文件在另一个目录中（比如在名为 css 的文件夹中），您需要输入它相对于 html 文档的路径。在这种情况下，您将键入“css/style.css”。通常，将 css 文件存储在 css 文件夹中是个好主意。

<head>
    <title>My Page</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>

ASP.NET MVC 视图添加样式表 class 或更改 bootstrap

ASP.NET MVC view add stylesheet class or change bootstrap

html

css

c#

asp.net-mvc

view