Skip to main content
5 de 5
se añadieron 1738 caracteres en el cuerpo

Problemas con menú al actualizar bootstrap 4

Tengo un menú dinámico que reside en _Layout.cshtml, el cual obtiene sus datos a través de ajax, al momento de cargar la página.

El tema es que al actualizar a bootstrap4 el menú que se desplegaba horizontalmente ahora queda contraído en una especie de button, y al presionarlo, se despliega hacia abajo.

Estoy usando como items del menu elementos del tipo

<li>@Html.ActionLink("Home", "Index", "Home")</li>

Que se construyen dinámicamente en la función ajax.

Porque pasa esto? he buscado en la documentación de bootstrap, pero no indican cambios en esos niveles.

aca pongo el codigo de una plantilla basica generada en asp.net mvc

<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("Application name", "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("About", "About", "Home")</li>
                    <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
                </ul>
                <p class="nav navbar-text navbar-right">Hello, @User.Identity.Name!</p>
            </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)
</body>