Question

我有一个使用Boostrap 4和jQuery DataTables的ASP.NET MVC项目。对于这两种工具，CSS文件都已加载，但没有应用CSS规则。查看Chrome开发者工具的“网络”标签，内容类型以文本/ css的形式出现。以下是主布局页面的head标签内的代码：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
@*<link href="@Url.Content("~/Content/bootstrap.css")" rel="stylesheet" type="text/css" />*@
<link href="@Url.Content("~/Content/Site.css")"rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/pushy.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/MyStyle.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/themes/base/jquery-ui.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/font-awesome.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/themes/base/theme.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/DataTables/css/jquery.dataTables.min.css")" rel="stylesheet" type="text/css" />
@*<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/DataTables/css/dataTables.bootstrap.min.css")" />*@
<link href="@Url.Content("~/Content/DataTables/css/dataTables.bootstrap4.min.css")" rel="stylesheet" type="text/css" />

我尝试在runat="server"和link标签中同时使用head，使用@Styles.Render代替link标签，换出{{ 1}}文件，其中包含完整的minified文件，包含href和不包含@Url.Content()，并且直接使用Bootstrap中的文件，但都没有成功（无法找到其他解决方案在SO上）。

MyStyle.css正确加载并应用，但Bootstrap或DataTables CSS无法正确加载和应用。这真让我发疯，试图找出问题所在-我想念的是什么？

我在.NET 4.6.1上运行Visual Studio 2017。

Answer 1

实际上_Layout.cshtml中的另一个CSS文件会覆盖视图页面CSS文件。从Viewpage.cshtml中删除main.css

正在加载CSS文件，但未应用CSS

1 个答案: