<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="/Menu">V11 Web</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#textoNavbar" aria-controls="textoNavbar" aria-expanded="false" aria-label="Alterna navegação">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="textoNavbar">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link dropdown-toggle" href="" id="MenuPrincipal1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Arquivos<span class="sr-only">(Página atual)</span></a>
<div class="dropdown-menu" aria-labelledby="MenuPrincipal1">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link dropdown-toggle" href="" id="MenuPrincipal2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Editar<span class="sr-only">(Página atual)</span></a>
<div class="dropdown-menu" aria-labelledby="MenuPrincipal2">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link dropdown-toggle" href="" id="MenuPrincipal3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Cadastros<span class="sr-only">(Página atual)</span></a>
<div class="dropdown-menu" aria-labelledby="MenuPrincipal3">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</div>
</li>
</ul>
<span class="navbar-text text-white">
<span class="sublinhado">Usuário</span>:gerente
</span>
<button id="sair" type="button" onclick="location.href = '/';" class="btn btn-outline-light espaco-esq">Sair</button>
</div>
</nav>
Olá, estou desenvolvendo um código utilizando o HTML, e eu fui criar uma nav-bar
, mas não está saindo como eu gostaria.
Eu tenho os itens de um menu, e todos, eles, ao clicar, abrirão um submenu, por enquanto todos os submenus tem o mesmo conteúdo. Mas ao clicar para abrir o submenu, ele não está abrindo no local certo... ele abre como se estivesse com um float: left;
. Vou deixar um print pra vcs... eu gostaria que ele abrisse de acordo com o item clicado.
Perceba que no 1º print, o item clicado foi "Arquivos", enquanto no 2º print o item clicado foi "Pesquisas", mas os dois foram abertos no mesmo lugar. Me ajudem por favor.