我是新手,并且已经创建了一个基于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文件。
似乎没有在运行时加载它。
我正在做错吗?
答案 0 :(得分:1)
尝试将rel添加到您的链接标记
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" />