I have been utilizing Bootstrap to display a navigation bar: https://i.sstatic.net/P9maf.png
In the provided screenshot, you can observe that the first menu item is positioned at the lower level compared to the rest of the menu elements.
Below are the CSS and HTML codes:
CSS
<style>
body {
font-family: 'Roboto', serif;
font-size: 16px;
}
#portada {
background-color: #F1F7F8;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #4496B0;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >
a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: white;
background-color: #4496B0;
}
.navbar-default {
background-color: #94C3D2;
border-color: #4496B0;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #262626;
text-decoration: none;
background-color: #66CCFF;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: silver;
}
.navbar-default .navbar-nav > li > a {
color: white;
}
.navbar-brand {
padding: 0px;
}
.navbar-brand>img {
height: 68px;
padding: 7px 15px;
width: 180px;
}
</style>
HTML
<div class="bs-example">
<nav role="navigation" class="navbar navbar-default">
<div class="navbar-header navbar-brand">
<button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
<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="index.html"><img src="imagenes/logo_pleca.png" alt="Vico">
</div>
<div id="navbarCollapse" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li ><a href="index.html">Inicio</a></li>
<li class="active"><a href="doctores.html">Doctores</a></li>
<li><a href="#">Hospitales</a></li>
<li><a href="#">Farmacias</a></li>
<li><a href="#">Laboratorios</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Contactar</a></li>
<li><a href="#">Login</a></li>
</ul>
</div>
</nav>
</div>
I have been unable to resolve this issue.