页面似乎没有看到我的CSS文件

时间:2013-12-29 01:58:11

标签: css twitter-bootstrap

我是新手,并且已经创建了一个基于MVC4应用程序的Twitter Bootstrap页面。

在我的布局中,我从这开始:

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="@Url.Content("~/scripts/jquery-1.9.1.min.js")" rel=""/>
    <link href="@Url.Content("~/Content/bootstrap.min.css")" rel="stylesheet"/>
    <link href="@Url.Content("~/Content/Site.css")" />
    <title>@ViewBag.Title</title>
</head>

<body>

    <script src="~/scripts/jquery-1.9.1.min.js"></script>
    <script src="../../Properties/../scripts/bootstrap.js"></script>

然后是页面的其余部分。

在我的Site.css中,这是我放置自定义css的地方,我有以下内容:

body {
    margin-bottom: 80px;
}
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

.page-header {
    margin-top: 0;
}

.panel-body {
    padding-top: 0;
}

.featuredImg {
    margin-bottom: 15px;
}

虽然我的网页似乎没有使用这个CSS。身体似乎没有增加边际......

如果我使用Firebug,并选择CSS选项卡,我看不到Site.css的引用。仅限'bootstrap.min.css'。

在设计时,我的CSS文件的路径似乎是正确的,因为我可以在设计器中单击它,它会将我带到css文件。

似乎没有在运行时加载它。

我正在做错吗?

1 个答案:

答案 0 :(得分:1)

尝试将rel添加到您的链接标记

<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" />