【问题标题】:ASP.NET MVC - One style is applied, another is notASP.NET MVC - 应用一种样式,另一种不应用
【发布时间】:2017-12-16 02:13:34
【问题描述】:

我在这里束手无策,仅使用带有默认项目设置的 ASP.NET MVC5。

我稍微更改了共享布局页面,从另一个项目中复制了该页面。我在 Site.css 中放入的相应 css 认为它​​会使用 Scripts.Render 自动加载,就像它在包中一样,与引导程序相同。

现在令我惊讶的是,即使这样,css 也没有加载

 <link href="/Content/Site.css" rel="stylesheet" />

在页面头部。然而,引导程序正确应用(进度条和按钮正常工作)。

到目前为止我所尝试的:

  • 将 Site.css 放在另一个文件夹中
  • 使用&lt;link href... 直接链接到站点 css
  • 创建一个新项目并执行相同的步骤
  • 在 web.config 中的 Content 文件夹中创建一个例外(在某处阅读,只是尝试过,希望它会改变一些东西)

现在我创建了一个 JsFiddle 来检查它,它在那里也不起作用。

https://jsfiddle.net/df5tw8qd/2

我确信这是一个非常小的问题,但我已经坐在这里 2 个小时试图修复它但没有任何成功,我只是无法理解我做错了什么。可能也没有帮助我多年没有做过任何网站。

完全相同的 HTML/CSS 组合适用于我的其他 ASP.NET mvc 项目

非常感谢

【问题讨论】:

    标签: jquery html css asp.net twitter-bootstrap


    【解决方案1】:

    只需在 App_Start > BundleConfig.cs 中添加 CSS 文件,如下所示:

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

    然后,在您的布局中,将其添加到&lt;head&gt;

    @Styles.Render("~/Content/css")
    

    【讨论】:

    • 一开始是这样的,但是没用所以我改了。似乎 CSS 正在加载,只是没有被应用。或者也许我的 CSS 完全有问题,因为即使 JsFiddle 也无法正确显示它
    • 如果你在页面上查看源代码,你能看到 CSS 文件正在加载吗?如果是这样,由于 CSS 的特殊性,可能存在样式冲突。
    • 是的,我可以看到它被正确引用。我已经通过一些语法检查器运行它,但它们都没有显示任何错误。我不太确定样式冲突,没有太多 CSS 经验,但我会确保查一下。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-06-01
    • 2013-08-06
    • 2014-04-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-02-24
    相关资源
    最近更新 更多