У меня есть проект ASP.NET MVC, использующий Boostrap 4 и jQuery DataTables. Для обоих инструментов загружаются файлы CSS, но ни одно из правил CSS не применяется. Глядя на сетевую вкладку инструментов разработчика Chrome, тип контента отображается как text / 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, заменяя файл minified на полный, href с @Url.Content() и без него, а также с использованием файла непосредственно из Bootstrap, но все безуспешно (также не удалось найти другие решения для SO).
MyStyle.css загружается и применяется правильно, но не Bootstrap или DataTables CSS. Это сводит меня с ума, пытаясь выяснить проблему - что мне не хватает?
Я бегу .NET 4.6.1 на Visual Studio 2017.