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.
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.