Problem with navbar bootstrap 3

Asked

Viewed 115 times

0

Person, good evening! And I’m having trouble styling the icon-bar. Part of the code contained the search form, so I removed it. And in the search it contained the navbar-left With this removal broke part of the code, as picture when clicking on the icon-bar it stands right and can not play left.

inserir a descrição da imagem aqui header.php

<nav class="navbar navbar-default">
        <div class="container-fluid">

          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="true">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
          </div>


          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
              <li class="active"><a href="#">Principal <span class="sr-only">(current)</span></a></li>

              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Restaurante <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="#">Adega</a></li>
                  <li><a href="#">Galeria de Fotos</a></li>
                </ul>
              </li>

              <li><a href="#">O Cardápio</a></li>
              <li><a href="#">Eventos</a></li>
              <li><a href="#">Contato</a></li>

            </ul>

          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
      </nav>
css bootstrap-3

  • If you put the class navbar-left within the tag ul along with the classes Nav and navbar-Nav is to work.

  • http://prntscr.com/jh4c54 does not work! I had already added...

  • And with CSS, float:left ?

  • Neither! But, it changes slightly to the left, when I put it like this: <ul class="Nav navbar-Nav navbar-left">

  • Ever tried pull-left, don’t know which Bootstrap you’re using.

  • No, it works. I’ll try to redo it, see if I’ve been through anything wrong, get it back...

  • It worked! I think I messed up something in the coding, I re-did it and it worked. Solution solved, thank you! http://prntscr.com/jh5yu3

Show 2 more comments
No answers

Browser other questions tagged css bootstrap-3

You are not signed in. Login or sign up in order to post.