Bootstrap menu with logo in the middle

0

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.

    
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