Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
galera, criei esse menu drop down usando o BootStrap, ocorre que ao clicar a primeira vez ele se expande normal, mas quando clico novamente o bicho não retrai. Outro problema que não consigo resolver e que o campo BUSCAR não era para ficar ai mas sim na lateral direita. Como resolvo esses dois problemas ????? Me ajuda ai pessoal.
Olha ai o meu html
<!doctype html>
<head>
<title>Componentes</title>
<meta charset="utf-8"><!-- CSS -->
<link href="public/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<nav class="navbar fixed-top bg-danger navbar-dark">
<button class="btn dropdown-toggler" type="button" data-toggle="dropdown" data-target="#menu">
<span class="navbar-toggler-icon"></span>
</button>
<a href="#" class="navbar-brand">LOGO</a><!-- links -->
<div id="menu" class="dropdown-menu">
<a class="dropdown-item" href="#">Home</a>
<a class="dropdown-item" href="#">Quem somos</a>
<a class="dropdown-item" href="#">Serviços</a>
<a class="dropdown-itm" href="#" id="menu_dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sites</a>
<div class="dropdown-menu2">
<a href="http://meumundo.com" class="dropdown-item">meumundo</a>
<a href="http://M!dium.com.br" class="dropdown-item">M!dium</a>
</div>
<a class="nav-link" href="#">Fale conosco</a>
<form class="form-inline">
<div class="input-group">
<input type="text" placeholder="Buscar" name="buscar" class="form-control input-group-prepend">
<input type="submit" class="btn btn-success input-group-append">
</div>
</form>
</div>
</nav>
<footer><script src="public/js/jquery.js"></script>
<script src="public/js/bootstrap.bundle.min.js"></script>
</footer>
</body>
</html>
Valeuolhei mas não ajudou muito. Na verdade eu tentei usar o dropdown e por alguma razão ele expande quando clico mas não volta, não retrai quando clico novamente. e não sei como resolver
>
Em 23/04/2020 at 20:07, jcvlanova disse:
olhei mas não ajudou muito. Na verdade eu tentei usar o dropdown e por alguma razão ele expande quando clico mas não volta, não retrai quando clico novamente. e não sei como resolver
Se você estiver usando um tema já desenvolvido fica complicado para repassar-mos a solução correta. Como o @ArtesUssler propriamente repassou a documentação que resolveria seu problema do Bootstrap não tem problema se seguido conforme o tutorial. Você pode se basear com este tema do próprio Boostrap.
Veja se isso ajuda:
https://getbootstrap.com.br/docs/4.1/components/navbar/