Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Rilacku159 en 27 Marzo 2021, 00:31 am



Título: Menú dropdown no funciona
Publicado por: Rilacku159 en 27 Marzo 2021, 00:31 am
Hola
Trabajo en un proyecto con java JSP MVC, tengo varias vistas, y en todas, un nav bar con un menú dropdown.
El menú funciona en casi todas las vistas, excepto en una.


Código:
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">     
        <link href="css/estilos.css" rel="stylesheet" type="text/css"/>
        <title>JSP Page</title>
    </head>
    <body>
   <header class="header">
            <div class="container">
                <!-- Navbar-->
                <nav class="row justify-content-between align-itms-center text-uppercase pt-2" style="background-color: whitesmoke; border-radius: 14px">
                 <!-- Logo-->
                 <a href="Principal.jsp" class="col-auto">
                     <img src="img/zorzalG.png" alt="Logo Zorzal" class="img-logo"/>
                     <span class="textologo" style="color: black">El zorzal</span>
                 </a>
                 <div class="dropdown">
                     <a style="color: black;font-family: Century Gothic;" href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Cerrar Sesion</a>
                     <div class="dropdown-menu text-center"style="width:250px;margin-right: 65px; background-color: whitesmoke;">
                         <a><img src="img/fotoalex.jpg" hight="80" width="80"</a><br>
                         <a style="text-transform: capitalize;">${nom}</a>
                         <a style="text-transform: lowercase;">73707044@continental.edu.pe</a>
                         <div class="dropdown-divider"></div>
                         <a href="Controlador2?accion=Salir" class="dropdown-item"style="text-transform: capitalize;">Salir</a>
                     </div>
                 </div>
                 </nav>
            </div>
        </header>
        <div class="container">
            <div class="col-pt-4" style="float: left;">
                <h1 style="margin-top: 30px; font-family: Century Gothic; color: white; ">Agregar Inquilino</h1>
                <form action="Controlador" style="font-family: Century Gothic; color: white;">
                DNI: <br>
                <input class="form-control" type="text" name="txtDni"><br>
                Nombres: <br>
                <input class="form-control" class="form-control" type="text" name="txtNom"><br>
                Celular: <br>
                <input class="form-control" class="form-control" type="text" name="txtCel"><br>
                Habitacion: <br>
                <input class="form-control" class="form-control" type="text" name="txtHab"><br>
                Fecha de Ingreso: <br>
                <input class="form-control" class="form-control" type="text" name="txtFec"><br>
                Renta Mensual: <br>
                <input class="form-control" class="form-control" type="text" name="txtPag"><br>
                <input class="btn" type="submit" name="accion" value="Agregar" style="background-color: gray; color: whitesmoke;"><br>
                <a style="color: whitesmoke;" href="Controlador?accion=listar">Regresar</a>
                </form>
            </div>
           
        </div>
    </body>
</html>

Utilicé este mismo código para todas las vistas y solo en esta pagina no funciona.
Agradecería su ayuda. ;D