我是新手,已经创建了一个基于 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>
然后是页面的其余部分。
在我放置自定义 CSS 的 Site.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。 body 似乎没有添加边距......
如果我使用 Firebug,并选择 CSS 选项卡,我看不到对 Site.css 的引用。仅“bootstrap.min.css”。
在设计时,我的 CSS 文件的路径似乎是正确的,因为我可以在设计器中单击它,然后它会将我带到 css 文件。
只是好像没有在运行时加载它。
我做错了吗?
最佳答案
尝试将 rel 添加到您的链接标签
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" />
关于css - 页面似乎看不到我的 css 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20821390/