Основной CSS не работает в веб-приложении MVC5 - PullRequest
Новая
       12

Основной CSS не работает в веб-приложении MVC5

0 голосов
/ 06 июня 2019

Я создал веб-проект MVC и добавил Foundation-сайты, но не могу заставить работать стили css.

Я создал проект веб-приложения ASP.Net Web MVC с использованием Visual Studio. Я добавил пакет nuget Foundation-Sites 6.5.3 Я удалил пакет BootStrap nuget и удалил ссылки из bundles.config и _Layout.cshtml Я добавил ссылки на базовые скрипты и CSS в bundles.config и _layout.cshtml Я использую Windows 10 и Visual Studio Enterprise 2017 

    Bundles.config:

                bundles.Add(new StyleBundle("~/Content/Foundation-sites").Include(
                    "~/Content/foundation.*"));

                bundles.Add(new ScriptBundle("~/bundles/foundation").Include(
                    "~/Scripts/foundation.cjs.js",
                    "~/Scripts/foundation.esm.js",
                    "~/Scripts/foundation.js",
                    "~/Scripts/foundation.min.js"));
            }

    _Layout.cshtml:

        @Styles.Render("~/Content/foundation")
        @Scripts.Render("~/bundles/modernizr")
        @Scripts.Render("~/bundles/jquery")
        @Scripts.Render("~/bundles/foundation")

Затем я добавил html в представление About (Создан и протестирован автономно со страницей Foundation, созданной с помощью узла js, Foundation new и т. Д .;) Просто с простой гибкой сеткой и несколькими другими простыми тегами.

Я новичок, так что я думаю, что, может быть, я упускаю что-то очень очевидное, но базовый CSS не применяется, и Grid не работает (или другие стили), любые идеи будут с благодарностью приняты.

1 Ответ

0 голосов
/ 06 июня 2019

Я не знаю, правильно ли это сделать, но добавив следующее в _layout.cshtml, получилось: 

<link rel="stylesheet" href="~/Content/foundation.css">
<link rel="stylesheet" href="~/Content/foundation.min.css">
<link rel="stylesheet" href="~/Content/foundation-float.css">
<link rel="stylesheet" href="~/Content/foundation-float.min.css">
<link rel="stylesheet" href="~/Content/foundation-prototype.css">
<link rel="stylesheet" href="~/Content/foundation-prototype.min.css">
<link rel="stylesheet" href="~/Content/foundation-rtl.css">
<link rel="stylesheet" href="~/Content/foundation-rtl.min.css">
<link rel="stylesheet" href="~/Content/Site.css">
...