0
Could someone help me how to make the bootstrap menu of the template below? I’m not able to do with 2 ul menu with the image in the center, to go aligning in the responsive.
1 answer
1
The very menu you demonstrate has already been built in Bootstrap. Just look, copy, and edit the source code as needed. (Original link http://www.hpadvocacia.com.br/)
<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 sections ul as you need.
Browser other questions tagged html twitter-bootstrap
You are not signed in. Login or sign up in order to post.