Problemas con el posicionamiento de logo en Header
Publicado por Ruben (2 intervenciones) el 31/12/2019 19:29:35
Estoy utilizando Bootstrap para hacer una web y quiero posicionar el logo en el centro del nav y que sobresalga de la barra de navegación, el problema es que el logo no me lo posiciona en en el centro y me lo hecha para derecha. El ml-auto del último ul se altera https://imgur.com/a/KrMTuPi
dejo aquí el codigo
dejo aquí el codigo
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<nav class="navbar navbar-expand navbar-light navbarvalues">
<div class="container">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="#"><i class="fas fa-search iconnavbar"></i><span class="sr-only">(current)</span></a>
</li>
</ul>
<a class="navbar-brand" href="#"><img alt="Seis" src="img/logo.svg" class="logo"></a>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#"><i class="far fa-envelope iconnavbar"></i><span class="sr-only">(current)</span></a>
</li>
</ul>
</div>
</div>
</nav>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.navbarvalues {
background-color: #fff;
border-bottom: 1px solid #ddd;
}.iconnavbar {
font-size: 20px;
padding: 10px 0;}.logo {
width: 80px; position: absolute; top: 0;}Valora esta pregunta
0
