css - 页面似乎看不到我的 css 文件

标签 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>

然后是页面的其余部分。

在我放置自定义 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/

相关文章:

html - 无法使用 z-index 获得正确的堆栈顺序

javascript - 表格 'submit button' 不会滑动

css - 为小屏幕重新定位行

Twitter-bootstrap div网格根据具体要求排列

javascript - JQuery 选择器查找

html - CSS定位问题

css - 媒体查询仅适用于 iphone 6s plus

twitter-bootstrap - 使用 Bootstrap 和 LESS 的垂直渐变

javascript - 带有选项卡的 Twitter Bootstrap Modal 默认为第一个选项卡

html - Font-Awesome不加载字体,仅加载CSS