Bootstrap мешает отображению ссылок после установки нового пакета NuGet - PullRequest
Новая
       12

Bootstrap мешает отображению ссылок после установки нового пакета NuGet

0 голосов
/ 10 октября 2018

после установки нового пакета «NuGet Package» под названием PagedList.MVC у меня возникла проблема с применением «_layout.cshtml» к страницам.

при запуске веб-сайта все ссылки, окно поиска и меню исчезают:

Когда установлена ​​Bootstrap

enter image description here

Теперь, после нескольких часов диагностики, я заметил, что если я удаляю загрузчик, я получаю ссылки и меню, но я явно теряю стиль:

Когда Bootstrap отключен:

enter image description here

это моя страница _layout: 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@ViewBag.Title - My ASP.NET Application</title>
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")

</head>
<body>.
<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="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            @Html.ActionLink("BabyStore", "Index", "Home", new { area = "" }, 
   new { @class = "navbar-brand" })
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li>@Html.ActionLink("Home", "Index", "Home")</li>
                <li>@Html.ActionLink("Shop by Category", "Index", 
   "Categories")</li>
                <li>@Html.ActionLink("View All Our Products", "Index", 
   "Products")</li>
            </ul>
            @using (Html.BeginForm("Index", "Products", FormMethod.Get, new 
   {@class = "navbar-form navbar-left"}))
            {
                <div class="form-group">
                    @Html.TextBox("Search",null,new {@class="form- 
   control",@placeholder="Search Products"})
                </div>
                <button type="submit" class="btn btn-default">Submit</button>
            }
            @Html.Partial("_LoginPartial")
        </div>
    </div>
</div>
<div class="container body-content">
    @RenderBody()
    <hr />
    <footer>
        <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p>
    </footer>
</div>

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required: false)

каким-то образом, когда установлен загрузчик,он не будет отображать классы, связанные с ссылками действий или текстовыми полями, например: 

<div class="navbar-collapse collapse">

, что может указывать на несовместимость между версией начальной загрузки и классами, которые я написал выше, поскольку приведенные выше кодынаписаны для начальной загрузки 3.5 и моя версия начальной загрузки 4.1.3.но у меня не было проблем с начальной загрузкой вплоть до установки нового пакета NeGet.

Так в чем здесь проблема?

1 - не запускает эти коды при загрузке, и я должен переписать их снова? (что, я не думаю, имеет место здесь вообще, потому что раньше это работало)

2 - загрузчик отображает страницу, но соответствующие HTML-коды не генерируются и не отправляются в браузер?
Я проверил источник страницы на наличие пропущенных кодов, но все соответствующие HTML-коды были там, но они не отображаются браузером. 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home Page - My ASP.NET Application</title>
<link href="/Content/site.css" rel="stylesheet"/>

<script src="/Scripts/modernizr-2.8.3.js"></script>


</head>
<body>.
<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="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/">BabyStore</a>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li><a href="/">Home</a></li>
                <li><a href="/Categories">Shop by Category</a></li>
                <li><a href="/Products">View All Our Products</a></li>
            </ul>
 <form action="/Products" class="navbar-form navbar-left" method="get">                    
 <div class="form-group">
                    <input class="form-control" id="Search" name="Search" 
 placeholder="Search Products" type="text" value="" />
                </div>
                <button type="submit" class="btn btn-default">Submit</button>
 </form>                    <ul class="nav navbar-nav navbar-right">
    <li><a href="/Account/Register" id="registerLink">Register</a></li>
    <li><a href="/Account/Login" id="loginLink">Log in</a></li>
</ul>

        </div>
    </div>
</div>
<div class="container body-content">

Хотя я не уверен, что код в исходном коде страницы действительно правильныйно я попробовал другой браузер для проверки проблем совместимости, результаты во всех браузерах были одинаковыми, без ссылок или окна поиска.

Что подводит меня к выводу, что в процессе рендеринга загрузочных кодов в соответствующие им HTML-элементы некоторые элементы отображались некорректно.но не из-за самих кодов, а, вероятно, из-за некоторого повреждения функции загрузочной платформы после установки нового пакета NuGet, я пытался установить и переустановить его, но не помогло.В чем может быть проблема здесь?

...