Preguntas con la etiqueta [navbar]
Una barra de navegación, también conocida como navbar, es un elemento de control gráfico que permite a los usuarios navegar por un sitio web o una aplicación. Es el menú principal que aparece en la parte superior o en el lado de una página web y permite a los usuarios navegar por el sitio de manera rápida y sencilla.
92
preguntas
10
votos
3
respuestas
6k
vistas
¿Cómo puedo poner el slider en todo el ancho de la pantalla y que luego aparezca la barra de navegación?
EDITO DE NUEVO:
He utilizado el código del compañero @Arngue, pero no logro lo que necesito.
También he probado el código de @JheymanMejia pero no me funciona como su ejemplo, a pasar de añadir el ...
4
votos
1
respuesta
613
vistas
Elementos se caen hacia abajo de un navbar
Tengo un navbar en mi sitio. Pero el problema es que los elementos del navbar se caen hacia abajo. Osea, el icono se queda arriba y el texto abajo.
He preguntado hace unas horas aquí en StackOverFlow ...
3
votos
0
respuestas
75
vistas
¿Como puedo eliminar el margin-left que tiene por defecto las etiquetas <a> del navbar de Bootstrap?
No encuentro la manera de hacerlo desde CSS. Imagino que viene predeterminado por alguna de las clases de Bootstrap, pero imagino al mismo tiempo que debe poder editarse.
Como verán en esta foto, en ...
2
votos
2
respuestas
82
vistas
Errores en Javascript y cosas que no entiendo
Estoy tratando de hacer un burguermenu con JavaScript, con el fin de que pueda ser abierto con el botón, pero cerrado, bien pulsando en el botón, así como pulsando fuera de la ventana del menú. No sé ...
2
votos
1
respuesta
269
vistas
¿Cómo cambiar el color de fuente de la barra de navegación cuando hace scroll?
Tengo una navbar transparente con texto blanco, cuando hago scroll down a la pagina me gustaría que el texto cambiara a color negro. ¿Cómo puedo hacerlo?
Adjunto mi código JS:
$(window).scroll(...
2
votos
2
respuestas
743
vistas
"Display: Inline" No me funciona
soy bastante novato en programacion, estoy empezando con la html y la ul para hacer una navbar no me funciona en inline.
El HTML:
<div>
<ul id=navbarlist>
<li> <a href="...
2
votos
2
respuestas
262
vistas
Eliminar espacio entre nav-pills vertical
He creado un nav-pill vertical que incluye un numero en forma de aviso si se produce una condicion (extraída de una consulta SQL). El problema es que cuando tengo que mostrar el numero (como un badge) ...
2
votos
1
respuesta
5k
vistas
menu desplegable y responsive bootstrap
Estoy haciendo una web con bootstrap y tengo un problema. Necesito un id para hacer el menú desplegable y un id para que que cuando sea en pantallas pequeñas el menú se esconda y en un botón se ...
2
votos
1
respuesta
166
vistas
Problema con barra de navegacion hamburgesa responsive que no se contrae
La barra de navegación de mi proyecto en Angular (15.2.2) es responsive y tiene un menú hamburguesa para la versión móvil, solo que no he podido lograr que se contraiga cuando se hace clic afuera de ...
2
votos
1
respuesta
7k
vistas
Mostrar o ocultar acciones del nav-bar según el rol del usuario, Angular
he estado buscando un buen tiempo y no logro dar con la solución, espero me puedan ayudar!
Mi aplicación tiene un Nav-Bar que muestra botones que redireccionan al usuario a las demás rutas, el tema ...
2
votos
0
respuestas
155
vistas
Como hacer para que salga mi Navbar en modo dispositivo
Hola a todos como puedo hacer para que mi navbar me aparezca en modo dispositivo movil, en modo web si me aparece.!
Espero y me puedan ayudar y no sea tan complicado
Asi es como se ve el navbar en ...
1
voto
1
respuesta
75
vistas
Mantener la alineación en un Navbar Bootstrap 5
Tengo un navbar que contiene: el elemento navbar-toggler en la izquierda, una imagen al centro y un ícono en la derecha. Mientras la pantalla sea menor de 992px va todo bien, con la imagen centrada. ...
1
voto
1
respuesta
136
vistas
Mantener tamaño del elemento al ser afectado por un media query
Estoy aprendiendo a manejarme con las media query y me ha surgido un problema que no veo muy bien como solucionar. He ajustado mi media query para que cuando la pantalla tenga un tamaño determinado, ...
1
voto
1
respuesta
30
vistas
cómo hago que la navbar se mantenga igual al mostrar un submenú
Cuando quiero mostrar el submenú el fondo de la navbar también se hace más grande, ya que el submenú está dentro de ese bloque, pero quiero que la navbar se quede igual, sin cambiar su tamaño, y el ...
1
voto
1
respuesta
123
vistas
¿Como hacer para que el texto del menu quede de un color cuando está en foco?
Basicamente es un menu que el texto tiene un color, y quiero que cada vez que se va cambiando de pagina, quede de otro color el texto del menú de esa pagina en la cual estoy parado. Intente con un :...
1
voto
1
respuesta
503
vistas
¿Navbar de bootstrap no se repliega al elegir una opcion del menú?
Tengo un navbar hecho con las clases que nos brinda bootstrap 5.1, pero al abrirlo desde un móvil el botón responsive despliega el menú, sin embargo cuando elijo una opción del menú este no se contrae ...
1
voto
1
respuesta
950
vistas
REACT.JS ¿Cómo hago para que en ciertas routes me muestre mi navbar con fondo y en otras routes no tenga fondo?
Tengo un inconveniente que no he podido solucionar, tengo un NAVBAR la cual necesito que solo en ciertas route deberá ser transparente y en otras tiene que mostrar el background. Es decir, cuando es ...
1
voto
1
respuesta
2k
vistas
¿Cómo crear un navbar estático en Bootstrap y visualizar en él un menú de grandes proporciones correctamente?
Tengo un nabvar en Bootstrap que funciona perfecto en todas las vistas menos en la vista móvil horizontal. Al presionar sobre el dropwdown, se abre el desplegable y al tener bastantes elementos uno ...
1
voto
1
respuesta
317
vistas
Un button que active otro
No se si será posible pero me plantie poner un button en mi header (es una barra que hace scroll con toda la pagina) el cual les permita a los usuarios guardar los datos del formulario que ya lleven ...
1
voto
2
respuestas
428
vistas
Ordenar labels e inputs en una navbar
Mi problema es que no puedo ordenar 2 label con 2 input en la barra de navegación (como la de un inicio de sesión parecida a la de Facebook). Suelo hacerlo con placeholder pero intentándolo de esta ...
1
voto
1
respuesta
137
vistas
Problema con menu navbar de Boostrap, se abre y selecciona automáticamente
pues estoy tratando de armar un panel de control con una plantilla que compré:
https://www.bootstrapdash.com/demo/star-admin-pro/src/demo_1/index.html
Sin embrago, ese inconveniente ya me pasó con ...
1
voto
1
respuesta
371
vistas
Por que mi boton toggle navbar en bootstrap no funciona?
Copie y pegue botones y de igual manera sigue sin funcionar, ademas de que intento moverlo todo hacia la derecha pero tampoco puedo, que puedo hacer? Estoy usando Angular
<nav class="navbar ...
1
voto
1
respuesta
42
vistas
El logo en mi navbar no carga en otras paginas
Estoy tratando de agregar un logo a mi navbar, pero el logo no carga en otras paginas, solo en la principal.
A continuación, el codigo:
<a class="navbar-brand text-white logo h3 align-self-...
1
voto
1
respuesta
245
vistas
Como arreglar un bug con active navbar bootstrap?
Creando mi navbar en bootstrap usando react, me tope con este pequeño error
En la imagen aparece que Home esta activo pero yo en en codigo no lo tengo activo, es mas work deberia ser el que este ...
1
voto
0
respuestas
98
vistas
Return Navbar html through js function
Estoy trabajando en un sitio web con diferentes páginas. Me gustaría usar la misma navbar de un navbar.js para no tener que copiarla en cada página.
La navbar actual usa la función showsubMenu() para ...
1
voto
0
respuestas
56
vistas
¿Como puedo hacer que un dropdown se despliegue en una pagina aspx donde estoy importando un navbar?
Quisiera saber como hacer que funcione un dropdown en una página .aspx en donde estoy importando un navbar de una pagina .html, el dropdown lo hice con bootstrap pero solo me funciona en la página ....
1
voto
1
respuesta
87
vistas
navbar bootstrap4
Estoy desarrollando un sitio, donde el nav tiene un top de 35% por que va sobre una imagen de fondo debajo del logo. Quiero que ese nav al scrollear se pegue al top, pero si no scrollea se mantenga en ...
1
voto
0
respuestas
171
vistas
¿Cómo hago que mi navbar se vea correctamente?
estoy desarrollando una página web, estaba haciendo el navbar responsive pero me he dado
cuenta de que el botón que se pone para que, cuando está en tamaño de móvil, aparezca la barra de
búsqueda ...
1
voto
1
respuesta
238
vistas
Condicionar navbar de acuerdo al rol
He creado ingreso con login y passport
passport.use(new LocalStrategy({
usernameField: 'email',
}, async (email, password, done) => {
// Comprobar si existe el Email
const user = await ...
1
voto
1
respuesta
665
vistas
¿Por qué position:fixed no funciona sobre un elemento before?
Realizando un topNav me encontré con el problema de que al poner el elemento <nav> dentro de un section al cual le agregue una seudo clase :beforepara agregar un pattern, me topo con el problema ...
1
voto
2
respuestas
149
vistas
Imagenes rotas bootstrap
primera vez preguntando algo y novato con esto del Bootstrap, tengo un problema que al mostrar imágenes en el header (navbar-brand) muestra imágenes rotas me he asegurado de que la ruta y la extensión ...
1
voto
0
respuestas
59
vistas
¿ Como hacer comienzo de una web igual en dispositivos móviles que en el ordenador?
Hola estoy teniendo problemas con la barra de navegación de un sitio web en dispositivos móviles.
En pantalla grande, en el ordenador, a entrar en el sitio se ve una imagen, y los link de la barra de ...
0
votos
1
respuesta
286
vistas
Dropdown de Bootstrap
tengo un problema con el código del navbar en Bootstrap.
El problema es que el Dropwdown no funciona. Cuando le doy clic para que se extienda no se hace. Además, cuando cambio a vista de móvil, el ...
0
votos
1
respuesta
230
vistas
Problema en CSS con "hover"
me acabo de registrar, espero que puedan resolver mi duda.
Me sucede que eh utilizado el estilo "hover" en CSS, cuando paso el mouse por encima de los elementos en mi barra de navegación, me ...
0
votos
1
respuesta
228
vistas
Botón de menú hamburguesa no se centra
Hola a todos!
Tengo un navbar que es adaptable a dispositivos. Le puse para que en el tamaño de telefóno estandar aparezca un botón de menú hamburguesa (toggle), pero el botón no se centra como se ...
0
votos
1
respuesta
508
vistas
Como cerrar modal y navbar al mismo tiempo
Tengo un navbar ubicado en el pie de pagina de mi desarrollo el cual contiene un aviso para uso de cookies con dos botones, el primer botón Aceptar cierra el navbar y se crea una cookie y el segundo ...
0
votos
2
respuestas
180
vistas
Colocar como sub menu los sub items de la API a la cual se llama
Tengo una API (https://simplebackend-dmwjvq7ka.now.sh/menu) y con la cual debo crear un Navbar con los datos de la misma. Ya hice el llamado y me traje los menu principales; pero resulta que el id:0 ...
0
votos
1
respuesta
2k
vistas
Cambiar estilo y modo de menu desplegable
Hola amigos como puedo hacer para que el menú no este fijo y este en una sola linea, ya que el menu lo jala en cada php. Al dar clic en la parte de abajo para querer minimizarlo solo hace el proceso ...
0
votos
1
respuesta
5k
vistas
Porque cuando pongo mi navbar en fixed position se vuelve "invisible"?
Estoy ensayando diferentes estilos con CSS y ahora quiero que mi navbar se quede estatica mientras uno va mirando la información (Igual que en esta página). Aun cuando position: fixed funciona como ...
0
votos
1
respuesta
375
vistas
Position: sticky; no funciona
Quiero que mi barra de navegación se quede fija en mi archivo web. He probado el position: sticky; top: 0; Pero no funciona, cuando la barra de navegación alcanza el valor top: 0, no se adhiere a la ...
0
votos
1
respuesta
72
vistas
Destacar opcion en NAVBAR
Tengo en mi sistema una NAVBAR con varias opciones, todo funciona bien.
Tengo configurado para que cuando la pagina este en ACTIVE se destaque para identificar la pagina actual. Pero lo que no he ...
0
votos
1
respuesta
254
vistas
Logo en el Navbar no cuenta con el color de fondo adecuado
estoy empezando con un proyecto y al momento de colocar mi logo("Imagen") en el nav no toma el color de fondo de este(La imagen esta en formato png), por favor necesito ayuda.
HTML
<...
0
votos
2
respuestas
376
vistas
Posicionar imagen en NAVBAR segun resolucion
Tengo 3 div en mi navbar. Cuando la resolucion es para mobiles se muestran solo 1 y quiero que quede centrado. Cuando la resolucion aumenta pasan a ser 2 y cuando aumenta mas pasan a mostrarse los 3. ...
0
votos
1
respuesta
620
vistas
¿Existe algo similar a background-image en NavBar de Material-UI con react?
Buenas noches estoy desarrollando un ToDo App en react con material-ui, y quiero que mi Navbar tenga una imagen de fondo, pero no encuentro una propiedad para hacerlo, ¿saben si existe alguna ...
0
votos
1
respuesta
621
vistas
¿Cómo agrego este icono al menú dropdown?
Hola tengo el siguiente menu y necesito agregarle un icono de una flecha <i class="fas fa-angle-down"></i> para indicar que es desplegable, asi como se ve en esta imagen
Pero no ...
0
votos
1
respuesta
173
vistas
Navbar no se muestra bien en el navegador
Navbar no se muestra bien en el navegador, al momento de abrir el carrito en el lado derecho este se muestra incompleto, que debo corregir para que el proyecto se visualice bien?
<header>
...
0
votos
1
respuesta
217
vistas
Como posicionar fijo un elemento HTML sin salir del flujo?
es algo que crei encontrar una rapida respuesta en google pero no fue asi.
Si un elemento es posicionado fijo con css (position:fixed;) no lo afecta el scroll, esto es muy practico para los navbars, ...
0
votos
1
respuesta
406
vistas
Navbar Bootstrap no despliega Sub-menu
Estoy usando un navbar que tome en los ejemplos de bootstrap y le hice algunos cambios minimos, lo que me pasa es que no me funciona la parte desplegable para sub-menu y tambien cuando la pagina se ...
0
votos
1
respuesta
198
vistas
Ubicación de navbar dependiendo de la resolución
Es posible tener la barra de navegación en lado izquierdo, pero al hacer la pantalla más pequeña se vaya para la derecha y se alineara con el logo?
<link href="https://cdn.jsdelivr.net/npm/...
0
votos
1
respuesta
69
vistas
React routing problema con babel en navbar
Estoy aprendiendo el uso del routing siguiendo el siguiente tutorial. Donde se importa bootstrap y se usa un navbar para navegar entre paginas.
Se declaro el componente y la siguiente funcion:
...