Question

我按照以下步骤创建了一个ASP.NET MVC4应用程序：http://www.asp.net/mvc/tutorials。一切都在使用默认样式。然后我改变了_Layout.cshtml页面，删除了我认为不必要的东西并放入了一些引导程序。它可以很好地为主页显示项目列表的页面（来自数据库），但创建，编辑，删除和显示页面（自动生成）以及我现在尝试创建的任何页面都不是更新了样式。他们可以看到布局页面，因为文本在那里，但它们没有样式。有趣的是，如果我添加一个按钮并设置类，那么它将看起来像引导按钮。我不确定要包含哪些代码。知道它可能是什么吗？

<!DOCTYPE html>
    <head>
    <meta name="viewport" content="width=device-width" />

    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")

    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.9.1.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/bootstrap.min.js")"></script>
    <link href="~/Content/bootstrap/bootstrap.css" rel="stylesheet" />

    <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/layout.css" media="screen" />

</head>

<body id="body" style="background-color: transparent !important;">
<form id="form1" method="post" runat="server" enctype="multipart/form-data" class="form-horizontal">
    <div id="wrap">
        <div id="topbar">
            <div id="appTitle">
                <a href="default.aspx">Online Applications</a>
            </div>
            <div class="roundcont">
                <div class="roundtop">
                    <img src="images/tl.gif" alt="" width="8" height="8" class="corner" style="display: none" />
                </div>
            </div>
            <div style="margin-left: 260px; background-color: white;" id="logoScroll">
</body>

Answer 1

变化：

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

要：

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

ASP.net表单中的代字号表示根目录。我不认为MVC会解析它，所以我想这就是你的问题。

摆脱它，看看会发生什么： - ）

样式不适用于所有ASP.NET MVC4 Internet应用程序视图

1 个答案: