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.