Perguntas com a tag [nav-bar]
A tag nav-bar não tem possui recomendações de uso.
62
perguntas
-2
votos
0
respostas
22
visitas
Não consigo mover o logo para o lado direito da nav
Não consigo colocar o logo para o lado direito da tag header, alguém poderia por favor me ajudar/ensinar como fazer isso?
imagem do erro
`
NavBar
* {
box-sizing: border-box;
...
2
votos
0
respostas
140
visitas
Navbar do Bootstrap com menu estourando
Estou tentando fazer um menu com vários níveis e os menus que ficam mais a direita estão estourando na tela do notebook. Alguém sabe o que eu posso fazer para que o menu se ele for estourar ele abra ...
-2
votos
1
resposta
92
visitas
problema ao tentar ocultar o Navbar depois que um item foi clicado (bootstrap 5 react)
Estou tentando ocultar a barra de navegação depois que um item for clicado (bootstrap 5 react), mas depois de colocar data-bs-toggle = "collapse" e data-bs-target = ". Navbar-collapse....
0
votos
1
resposta
59
visitas
CAROUSEL não alinhado com a NAVBAR [fechada]
texto em negrito
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, ...
1
voto
0
respostas
387
visitas
Utilizar muito ul/li na nav do bootstrap ou utilizar links e estilizar no css?
Estou recriando um menu com bootstrap 4.5 para melhor aprendizado e fiquei com uma dúvida.
Eu tenho a seguinte nav de exemplo.
A proposta é recriar esse menu de maneira responsiva com componentes do ...
0
votos
1
resposta
83
visitas
Por que a NavBar persiste mesmo após a mudança de página?
Eu fiz uma tela em Flutter usando o Cupertino, que ao clicar no campo "unidade", abriria uma tela "Unidade" para escolher a unidade, porém a NavigationBar que era usada em uma tela, está sendo passada ...
-1
votos
1
resposta
105
visitas
Gostaria de aplicar uma animação em <nav>. Gostaria de fazer com que ele aparecesse ao clicar em .menu_burger, da esquerda para a direita
const menuBtn = document.querySelector('.menu-btn');
let menuOpen = false;
menuBtn.addEventListener('click', () =>{
if(!menuOpen){
menuBtn.classList.add('open');
menuOpen ...
-1
votos
2
respostas
1mil
visitas
Ocultar um item do NavBar no React JS de acordo com a pagina
Sou nova utilizando React, fiz cursos no Alura, porém muitas duvidas permanecem por ser algo muito novo pra mim.
Eu tenho uma pagina de login, essa pagina de login esta utilizando um Header que é ...
-3
votos
1
resposta
314
visitas
Submenu Bootstrap em JQuery para TypeScript
eu estou começando meus estudos com TypeScript e estou tentando(e precisando) modificar um código que eu achei pronto, que está em Jquery. Porém eu preciso dele todo em TypeScript, mas nao estou ...
1
voto
1
resposta
177
visitas
SubMenu abrindo no local errado
<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-...
0
votos
1
resposta
76
visitas
Rescuperar dados de uma Lista de objetos no HTML
Olá, eu tenho uma Lista de objetos que está sendo criada em um método OnGet e eu preciso pegar todos os dados dela para colocar na minha página html, como eu consigo recuperar estes dados?
List<...
0
votos
0
respostas
301
visitas
NavBar Bootstrap abrindo errado link em pontos do site
no meu site tenho um menu que adiciono com header.php em determinadas partes do site, home e seus links simbolicos. o problema esta quando passa do menu horizontal para aquele botão que se abre ...
2
votos
1
resposta
831
visitas
bootstrap quebra de linha não ocorre
Boa noite, estou aprendendo a usar o bootstrap 4. fiz um menu usando navbar e nav-brand, tudo funciona normal mas quando chega nos tamanhos sm e md por algum motivo o tamanho do background fica menor ...
2
votos
1
resposta
634
visitas
Criar forma no HTML e sobrepor no navbar
Preciso de idéias de como fazer um navbar assim. Tentei com clip-path, mas não sei se é uma boa. Essas curvas do triangulo e principalmente a da barra verde me complicam a vida. O navbar é em ...
2
votos
2
respostas
4mil
visitas
Navbar Vertical
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<...
2
votos
1
resposta
22
visitas
Centralização de navbar
estou tentando alinhar no centro essa barra de pesquisa porém o botão não fica ao lado. Se puderem me ajudar já agradeço desde já.
<div class="row">
<div id="custom-search-...
0
votos
1
resposta
1mil
visitas
Navbar Responsivo do Bootstrap não esta funcionando!
<html>
<head>
<meta charset="utf-8">
<title>HARD PUNK - Strange, The Fish</title>
<link href="./css/bootstrap.min.css" rel="stylesheet"/>
<...
1
voto
1
resposta
92
visitas
Centralizar um NAV - Com background de video
Eu estou precisando centralizar um texto, mas com justify-content: center e align-items: center não estou conseguindo.
Nem mesmo se eu colocar por exemplo, top: 50% e left: 50%, os itens não ficam ...
2
votos
2
respostas
218
visitas
Criar navbar com campo de pequisa centralizado
esto tentando fazer um nav bar com um campo de pesquisa centralizado..
eu até consegui fazer mais acredito não estar da melhor forma, pois quando abro em um smartphone fica tudo estranho...
Segue ...
0
votos
1
resposta
434
visitas
Bootstrap 4 - NavBar Fixo com BackGround White
Fala galera estou com problemas pois nao consigo deixar minha NavBar com fundo branco quando ela passar de 400px pra baixo. Quero ela transparente no inico e depois de 400px ela ficar com um fundo ...
0
votos
1
resposta
704
visitas
Como faço para criar essa navbar?
Quero deixar meu nav-bar igual a essa.
Eu quero deixar, uma divisão no meio do nav-bar, não faço a minima ideia de como fazer isso.
Meu código agora:
<!DOCTYPE html>
<html lang="en">
&...
1
voto
4
respostas
4mil
visitas
Esconder navbar quando item for clicado [fechada]
Estou desenvolvendo um site cujo menu é o navbar com dropdown do bootstrap 4. Quando visualizo o site numa tela menor, a nav é substituída pelo botão hamburguer e só é "ativada" quando esse botão é ...
0
votos
0
respostas
74
visitas
Impedir Barra de Rolagem na Navbar no Materializecss
Estou usando o Materializecss em um projeto, até aqui tudo certo. Acontece que não estou conseguido fazer uma parada com a barra de rolagem.
Como faço para impedir a barra de rolagem subir, entrar, ...
1
voto
0
respostas
221
visitas
Mudar no IONIC 3 altura do ion-header/ion-navbar no Android
Gostaria de saber como faço no ionic 3 para deixar a o cabeçalho do android igual ao IOS, ou seja, ocupando todo o espaço superior sem aparecer, aquela parte da divisão onde aparece as informações do ...
2
votos
1
resposta
639
visitas
Como fazer meu menu funcionar em todas as páginas
No meu sistema, tenho um menu, que funciona perfeitamente,porém estou tentando incluir um dropdown, com mais links, o dropdown funciona somente quando estou na página menu, quando estou em outras ...
1
voto
1
resposta
566
visitas
nav-tabs aninhada
Amigos tenho uma nav-bar que é chama um nav-tabs1 e gostaria que nela houvesse outra nav-tabs2 só que ao inserir todas as opções que são chamadas depois pela nav-bar não ficar na nav-tab1, ela é ...
0
votos
3
respostas
1mil
visitas
Como chamar uma página modal em um navbar no bootstrap?
Estou desenvolvendo um site o qual eu preciso chamar um modal no submenu de um navbar do bootstrap, porém, o arquivo em php com a página que eu gostaria de chamar está em uma pasta diferente do ...
2
votos
1
resposta
61
visitas
Navbar com margin superior ao adicionar position:absolute; em um texto
Bom dia pessoal.
Quando eu altero o position do texto to topo do site para position:absolute; o meu nav bar fica com uma leve margin no topo.
como posso resolver isso ?
var TxtType = function(el,...
1
voto
1
resposta
194
visitas
Navegação não ocupando tamanho total do browser
é o seguinte, reparei agora num erro que o meu site tem, é o seguinte, eu defini o max-width da pagina para 1366px, se eu fizer zoom out no browser todos os elementos ocupam a largura total do browser....
1
voto
1
resposta
54
visitas
Logo do nav-bar se move quando site e colocado em tela cheia
Desenvolvi um nav-bar fixed com uma imagem no centro também fixed, só que quando coloco o site em tela cheia percebo que a logo também se move, como posso deixar a logo fixa independe da altura da ...
2
votos
1
resposta
2mil
visitas
Problema alinhando navbar À direita
Olá, eu sou novo com css e estou com problemas ao tentar alinhar os botões da minha navbar à direita; para que assim eu possa colocar um logo na esquerda.
Aqui está o meu código!
.menu, .menu ul ...
3
votos
2
respostas
217
visitas
Minimal Hover Menu - Da maneira certa
No exemplo abaixo temos um menu interessante, com um efeito hover, que segue o mouse e seus itens. Tudo é muito bonito e funciona bem. O problema é que esse menu está definido com dimensões padrões, ...
1
voto
1
resposta
601
visitas
Navbar bugada no resposivo
Meu site está com um bug que não sei quando começou, estava funcionando normalmente, quando o clicava no menu hambúrguer o menu descia com as opções com um fundo branco e abaixo na nav, porem agora ...
1
voto
2
respostas
144
visitas
Minha barra de pesquisa não se posiciona corretamente
Minha barra de pesquisa não se posiciona corretamente no final, e a parte inicial do menu não fica no inicio, fica tudo centralizado.
Segue meu código:
.barra{
display: inline-flex;
...
1
voto
2
respostas
559
visitas
Modificar breakpoint do navbar
nav #btn-principais{
background-color: #27C8D0;
border-radius: 1px !important;
float: right;
}
#logo{
width: 240px;
height: auto;
float: left;
}
nav .icon-bar{
background-color: #000;...
1
voto
1
resposta
1mil
visitas
Centralizar botão verticalmente dentro de nav boostrap
Como centralizo este botão dentro de um nav-item, o html esta assim:
<nav class="navbar navbar-expand-sm bg-light navbar-light sticky-top">
<div class="container">
<a class="...
0
votos
3
respostas
3mil
visitas
Como mudar logo ao rolar scroll no navbar
Oi gente vejam se podem me ajudar, preciso de uma função usando jquery ou um método mais simples, que mude meu logo ao rolar o scroll do mouse, no momento, eu tenho a seguinte função, que apenas ...
1
voto
2
respostas
306
visitas
transição navbar semantic-ui
Quero criar uma transição na navbar (menu), quando rolo o scroll da pagina, não sei o nome do efeito mas é esse aqui (é só rolar pra baixo e a navbar fica solida com um background branco, ou rolar pra ...
1
voto
1
resposta
293
visitas
Como Bloquear Funções da navbar somente para usuários logados?
Queria saber como bloquear parte desse navbar, com a sessão, somente para usuários logados na página
NavBar:
<header class="masthead">
<nav class="navbar navbar-expand-md navbar-...
2
votos
1
resposta
2mil
visitas
Bootstrap navbar fechar
Olá, estou usando o bootstrap versão 4.0 beta-2, e tenho uma dúvida, como faço para fechar o menu do navbar após clickar em um item da lista? Por padrão é necessário clickar no item e clickar ...
1
voto
0
respostas
196
visitas
como adicionar uma div com informações acima do navbar com carousel de fundo
estou com uma dificuldade que embora pareça ser simples mas não estou conseguindo chegar onde quero, estou criando um site onde tenho uma div com o cambo de idiomas, no meio a logo e um botão de ...
2
votos
2
respostas
1mil
visitas
Abrir determinada tab ao clicar no link do navbar
Tenho uma navbar que possui varios links para mesma pagina que possui 3 tab. Preciso que ao clicar em um item da navbar ele abre a página com a tab específica selecionada.
Tentei fazer assim (mas não ...
0
votos
1
resposta
77
visitas
BOOTSTRAP NAV Collapsed Colapse alterando height alinhamento
Problema: preciso de um navbar com HEIGHT MAIOR.
Alterei o css
.navbar {
min-height: 80px;
vertical-align: middle;
}
.navbar-collapse .collapse .in {
padding-top:80px;
}
O alinhamento ...
0
votos
1
resposta
137
visitas
Como inserir a classe active dependendo da página que o usuário está?
Tenho esse código:
function showNavbar(){
echo "<ul class='nav nav-list'>
<li class='active'>
<a href='index.php'>
<i class='menu-icon fa fa-...
0
votos
5
respostas
1mil
visitas
centralizar um menu nav [duplicada]
Como posso fazer para centralizar esse menu?
ul{
margin: 0;
}
ul {
list-style: none;
}
a {
text-decoration: none;
}
.clearfix:after {
display: block;
content: " ";
clear: both;
...
0
votos
1
resposta
147
visitas
Acionar um botão collapse através do menu
Na página que estou desenvolvendo, os conteúdos estão todos escondidos pela classe "collapse" do bootstrap. Como é uma Single Page, gostaria que o meu menu fosse até sua respctiva section e então ...
1
voto
2
respostas
2mil
visitas
Redimensionar tamanho da NAVBAR quando rolar a pagina
estou tentando fazer a Navbar diminuir quando dou scroll na pagina, atribuindo a classe .sticky na <nav>. Mas por algum motivo, a barra não diminui, apenas muda de cor. Já tentei atribuir a ...
0
votos
1
resposta
6mil
visitas
Como alterar a largura de um navbar bootstrap nativo?
Bom dia.
Eu preciso alterar a largura de um navbar nativo. Simplesmente peguei no site boostrap.com e colei no meu template.blade.php mas está ocupando a tela toda e preciso reduzir sua largura. Tem ...
1
voto
1
resposta
468
visitas
Div estilizada com CSS [fechada]
Preciso fazer uma div que tenha a aparência da imagem abaixo:
Tentei fazer com imagem de background, porém fica mais difícil para posicionar, visto que como na imagem abaixo:
O problema é fazer essa ...
0
votos
1
resposta
138
visitas
Navbar com problemas
Estou fazendo um projeto, e quando reduzo a tela, a navbar muda para o padrão mobile, fazendo ela ser responsiva, ai quando clico nos 3 tracinhos do menu navbar, ele baixa o conteúdo e exibe ...