jquery - ASP.NET MVC - 应用了一种样式,未应用另一种样式

标签 jquery html css asp.net twitter-bootstrap

我在这里束手无策,仅使用默认元素设置的 ASP.NET MVC5。

我稍微更改了共享布局页面,从另一个元素复制了它。我放入 Site.css 中的相应 css 认为它​​会使用 Scripts.Render 自动加载,因为它在包中,与 Bootstrap 相同。

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

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

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

到目前为止我尝试了什么:

  • 将 Site.css 放在另一个文件夹中
  • 使用<link href... 直接链接到站点CSS
  • 创建一个新元素并执行相同的步骤
  • 在 web.config 中为 Content 文件夹创建一个异常(exception)(在某处阅读,只是尝试过,希望它能改变一些东西)

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

https://jsfiddle.net/df5tw8qd/2

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

完全相同的 HTML/CSS 组合在我的另一个 ASP.NET mvc 元素中工作

非常感谢

最佳答案

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

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

然后,在您的布局中,将其添加到 <head> :

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

关于jquery - ASP.NET MVC - 应用了一种样式,未应用另一种样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45044315/

相关文章:

javascript - jquery/javascript 将 ul/li 元素插入此 html

javascript - 当未包装在 jquery 中的匿名函数中时,代码将无法运行

html - 如何在不移动标题的情况下将此 Logo 移动到我的页眉上?

html - 如何通过任何地方或外部点击关闭这个纯 css 弹出窗口?

html - 当屏幕分辨率较小时,背景中的图像会被裁掉

javascript - 在 React 中更新父类的 Prop

javascript - 使用javascript对具有相同属性的div进行分组

javascript - 如何使用 jQuery AJAX 处理 API 调用错误?

javascript - 检查 DIV 相对于浏览器屏幕的位置 - jQuery

css - LESS.css 嵌套规则 - 这是有效的 LESS 吗?