<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <span class="glyphicon glyphicon-user"></span>  <strong>Nombre</strong> <span class="glyphicon glyphicon-chevron-down"></span> </a> <ul style="background-color:white;" class="dropdown-menu"> <li> <div class="navbar-login"> <div class="row"> <div class="col-lg-4"> <p class="text-center"> <span class="glyphicon glyphicon-user icon-size"></span> </p> </div> <div class="col-lg-8"> <p class="text-left"><strong>Nombre Apellido</strong></p> <p class="text-left small">correoElectronico@email.com</p> <p class="text-left"> <a href="#" class="btn btn-primary btn-block btn-sm">Actualizar Datos</a> </p> </div> </div> </div> </li> <li class="divider"></li> <li> <div class="navbar-login navbar-login-session"> <div class="row"> <div class="col-lg-12"> <p> <a href="#" class="btn btn-danger btn-block">Cerrar Sesion</a> </p> </div> </div> </div> </li> </ul> </li>