Изменение макета начальной загрузки в angular5 / MVC - PullRequest
Новая
       23

Изменение макета начальной загрузки в angular5 / MVC

0 голосов
/ 04 мая 2018

Я написал в своем приложении базовое меню, которое располагалось горизонтально вверху страницы и было в моем файле _Layout.cshtml. Первоначально это было в .Net Core 1.1 с Angular 2. Я также использую тему из Bootswatch.

Я обновил свое приложение до .Net Core 2 и Angular 5, а также перешел на Webpack. Я обновил загрузчик до версии 4. Теперь, когда я запускаю тот же фрагмент кода, меню находится слева и идет вертикально. Вот мой оригинальный код, что мне нужно сделать, чтобы снова сделать этот верх и горизонталь. 

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a asp-area="" asp-controller="Home" asp-action="Index" class="navbar-brand">My Site</a>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li><a asp-area="" asp-controller="Home" asp-action="Index">Home</a></li>
                <li><a asp-area="" asp-controller="Home" asp-action="About">About</a></li>
                <li><a asp-area="" asp-controller="Home" asp-action="Contact">Contact t</a></li>
            </ul>
            @await Html.PartialAsync("_LoginPartial")
        </div>
    </div>
</div>

1 Ответ

0 голосов
/ 29 мая 2018

Хорошо, проблема в том, что webpack не распознает bootswatch v4. В моем файле Packages.json мне нужно было убедиться, что как bootstrap, так и bootswatch были версии 3.3.7. Затем в неизменяемых значениях дерева в файле конфигурации webpacks мне просто нужно было сделать ссылку на bootwswatch/{theme that I want}/bootstrap.css, нет необходимости загружать тему с сайта начальной загрузки.

...