entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

2votos

Problema Menu bootstrap en VB

Tengo un problema es que el menú aparece bien y cuando la pantalla tiene menos de 940px, el menú desaparece y aparece el botón, pero cuando clico en el botón, tendrían que aparecer las opciones del menu, pero no hace nada...

<nav id="myNavBar" class="navbar navbar-default" role="navigation">
           <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>
            </div>

            <div class="collapse navbar-collapse">
                <asp:Menu runat="server" ID="MenuTexto" Orientation="Horizontal" DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="0.9em" CssClass="MenuDefault " ItemWrap="True" RenderingMode="list" StaticSubMenuIndent="10px" MaximumDynamicDisplayLevels="10">
                    <StaticHoverStyle Width="140px" Height="100%" CssClass="MenuOver">
                    <StaticMenuItemStyle HorizontalPadding="5px" Height="100%" VerticalPadding="15px" Width="140px" ForeColor="White" CssClass=" nav navbar-nav">
                    <StaticMenuStyle Width="100%" CssClass="">
                    <Items>
                    </Items>
                </asp:Menu>
            </div>
    </nav>

2 Respuestas

3votos

Leonardo-Tadei Puntos227320

El error de que al colapsar el menú en Bootstrap no aparece, se debe en general a que no estás cargando JQuery junto con la página.

El cambio del menú por el símbolo de las 2 líneas es CSS, pero el contenido y despliegue se hace con JQuery. Si te fijás en los ejemplos de Bootstrap, siempre carga JQuery al final del documento.

Saludos cordiales!

1voto

vianey Puntos690

Ensaya asi. mira este codigo e implemente

<head></head>
    <body>
        <div id="wrapper">
            <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0;background: #DFEDF8;">
                <div class="navbar-header">
                    <button type="button" id="btnMenu" 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 class="navbar-brand" href="#"style="color: #1168AE">SISTEMA ESTURION 
                    </a>

                </div>
                <ul class="nav navbar-top-links navbar-right">
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#"style="color: #1168AE">
                            <i class="fa fa-user fa-fw"></i> Administrador del Sistema <i class="fa fa-caret-down"></i>
                        </a>
                        <ul class="dropdown-menu dropdown-user">
                            <!--<li class="divider"></li>-->
                            <li>
                                <a href="login.jsp"><i class="fa fa-sign-out fa-fw"></i> Salir</a>
                            </li>
                        </ul>
                    </li>
                </ul>
</body>

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta