Can anyone help me with how to make the bootstrap menu of the model below? I am not able to do with 2 ul of menu with the image in the center, to go aligning in the responsive.
Bootstrap menu with logo in the middle
0
asked by anonymous 14.02.2017 / 20:50
1 answer
0
The menu itself that you demonstrate has already been built in Bootstrap. Just look, copy, and edit the source code as needed. (Original link link )
<nav class="nav-desk navbar navbar-default navbar-fixed-top row affix-top" id="mainNav">
<div class="superior">
<div class="container">
<div class="row">
<div class="col-sm-5 col-md-4">
<ul class="nav navbar-nav">
<li><a href="#escrito" class="menu-dez">O Escritório</a></li>
<li><a href="http://hpsadvogados.com/index.php/equipe/">Equipe</a></li>
<li><a href="http://hpsadvogados.com/index.php/areas-de-atuacao/">Áreas de Atuação</a></li>
</ul>
</div>
<div class="col-sm-3 col-md-4">
<a href="http://hpsadvogados.com/index.php">
<img style="margin: auto;" src="http://hpsadvogados.com/wp-content/themes/eddiemachado-bones-79c7610/library/images/logo.png"class="img-responsive">
</a>
</div>
<div class="col-sm-4 col-md-4">
<ul class="nav navbar-nav navbar-right">
<li><a href="http://hpsadvogados.com/index.php/artigos/">Artigos</a></li>
<li><a href="http://hpsadvogados.com/index.php/noticias/">Notícias</a></li>
<li><a href="http://hpsadvogados.com/index.php/contato/">Contato</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<img style="margin: auto;" src="http://hpsadvogados.com/wp-content/themes/eddiemachado-bones-79c7610/library/images/seta.png"class="img-responsive">
</div>
</div>
</nav>
Note that there are two ul sections as you need them.
17.07.2017 / 14:29