css - MVC5 Vanilla 布局未显示

标签 css asp.net-mvc razor

我正在尝试从头开始构建我的第一个 MVC5/Razor 应用程序,而不是包括从一开始就包含所有引用时得到的所有膨胀。

我有一个 Views 文件夹,其中有一个 Home 文件夹和一个 Shared 文件夹。包含 Index.cshtml 的主页和包含 _Layout.cshtml 的共享文件夹。包含 Site.css 和 bootstrap.css 的内容文件夹在路由中。

编辑 我无法让样式表与 MVC 构建一起使用。目前没有影响索引页面的样式,我已经完成测试以查看布局页面是否已投入使用,但由于某种原因未使用 css。

我不确定我做错了什么,并在下面包含了每个文件的引用路径。有人可以指出我正确的方向吗?

索引.cshtml

@{
ViewBag.Title = "Home Page";
Layout = "~/Views/Shared/_Layout.cshtml";
}

_Layout.cshtml

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - Some App </title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>

_ViewStart.cshtml

@{
Layout = "~/Views/Shared/_Layout.cshtml";
}

BundleConfig.cs

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

最佳答案

看来您和 Chris 已经想到了,捆绑就是问题所在。

我同意你不想使用微软的所有东西,如果你不使用它,甚至不想把它放在那里,但为了让一切从头开始工作的所有“球痛”,我从现成的 MVC 中删除您不需要的东西,即:摆脱 OWIN 引用。

在没有看到更多代码的情况下,我无法进一步提供帮助,但如果您需要快速修复:

在您的 _Layout.cshtml 中修改以下内容 <head>

<link href="~/Content/Site.css" rel="stylesheet" type="text/css" />
<link href="~/Content/bootstrap.css" rel="stylesheet" type="text/css"/>

更新

快速思考 - 你有没有BundleConfig.RegisterBundles(BundleTable.Bundles);在你的 Global.asax 中?如果您还没有,这就是它不起作用的原因。

关于css - MVC5 Vanilla 布局未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29282910/

相关文章:

html - 在 CSS 关键帧中一条一条地滚动消息

asp.net-mvc - Url.Action 正在编码参数值

javascript - 您可以使用 asp.net mvc Json() 将 C# 字典转换为 Javascript 关联数组吗

c# - 无法将 List<> 对象序列化/反序列化为 JSON

javascript - 从部分填充 Razor 部分

html - 如何找到与特定页面相关的 CSS?

html - CSS 计数器增量不按预期工作

html - 适合对象 : cover - is not working with video tags without border-radius

asp.net-mvc - 使用 Html.Routelink 链接文本的 ViewBag 属性

c# - 模型中具有继承的 ASP Core 标记帮助器