如何将外部CSS样式表链接到ASP.NET MVC框架中的视图?

发布于 2025-01-23 20:34:57 字数 620 浏览 0 评论 0原文

我已经在MVC架构中的内容文件夹下创建了一个site.css stylesheet,但是在添加样式后,我的视图没有任何更改。 如何将它们链接在一起? solutions Explorer在Visual Studio中 查看示例:

@model SchoolProject.Models.Teacher
@{
    ViewBag.Title = "Delete";
}

<h2>Warning: Deleting is permanent</h2>

<div>
    <div>@Model.FirstName @Model.LastName</div>
</div>

<form method="POST" action="/Teacher/DeleteTeacher/@Model.Id">

    <div>
        <input type="submit" value="Delete" />
    </div>
</form>

I have created a Site.css stylesheet under Content folder in my MVC architecture however I don't see any changes in my VIEW after adding styles to it.
How do I link them together?
Solutions Explorer in Visual Studio
VIEW example:

@model SchoolProject.Models.Teacher
@{
    ViewBag.Title = "Delete";
}

<h2>Warning: Deleting is permanent</h2>

<div>
    <div>@Model.FirstName @Model.LastName</div>
</div>

<form method="POST" action="/Teacher/DeleteTeacher/@Model.Id">

    <div>
        <input type="submit" value="Delete" />
    </div>
</form>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

生活了然无味 2025-01-30 20:34:57

如果您在视图中使用布局页面:

打开视图 - &gt; shared-&gt; layout.cshtml以及to header drag&amp;删除site.css文件。

如果您不在视图中使用布局页面,则必须拖动&amp;将site.css文件放在您的视图中。

If you using Layout page in your View:

Open Views->Shared->Layout.cshtml and to the header drag & drop the Site.css file.

if You not using Layout page in your View, you have to drag & drop the Site.css file in your View.

太阳哥哥 2025-01-30 20:34:57

您可以在“ Bundleconfig.cs”文件中检查或链接CSS。
您可以导航app_start&gt; bundleconfig.cs
在这里,您可以找到链接CSS文件的代码

bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/site.css"));

You can check or link your css inside 'BundleConfig.cs' file.
You can navigate it App_Start>BundleConfig.cs
here you can find code to link your css file

bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/site.css"));
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文