Preguntas con la etiqueta [navbar]
La etiqueta navbar no tiene orientación de uso.
58
preguntas
-1
votos
0respuestas
14 vistas
Lista horizontal varios tamaños de pantalla, si no cabe mostrar un combo con el resto de elementos [cerrada]
quisiera montar una lista, tipo un menú horizontal y que al llegar a un número de elementos si no cabe en la pantalla se muestre un combo con el resto de resultados.
algo del tipo Categoría1 ...
0
votos
1respuesta
45 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
1respuesta
20 vistas
como lograr que la lista se muestre con un efecto de transicion?
estoy haciendo un menu de navegación responsive, que se despliega lateralmente (esto ya lo hice con una transición), pero el problema es que dentro de este menu tengo una lista, que quiero que muestre ...
2
votos
1respuesta
20 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
2respuestas
59 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é ...
1
voto
1respuesta
51 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 ...
0
votos
1respuesta
31 vistas
Navbar queda encima del inicio de la sección al hacer scroll
Como puedo dar ese espacio del navbar al activar el scroll, para que este no quede encima del inicio de la sección a la cual el botón me dirige?
Lo que intento es que el alto del navbar sea ...
0
votos
0respuestas
31 vistas
Problema con navbar inferior, bootstrap css y react
Tengo un problema con la barra de navegacion y un navBar inferior, el problema que tengo es que si no hago scroll hacia abajo hasta ocultar la barra de navegacion del navegador, no se visualiza el ...
0
votos
0respuestas
21 vistas
box-shadow no se muestra en el navbar
estoy queriendo hacer una barra de navegación (navbar)) y al momento de aplicarle un box-shadow al borde inferior, ésta no se muestra, la sombra no se muestra.
Me pasa lo mismo en otros navegadores.
Y ...
0
votos
1respuesta
60 vistas
Navbar no se despliega con bootstrap 4.5.3 (cdn) responsive?
Hola estoy practicando el navbar y me pasa que instalo la versión (via cdn) 4.5.3 de bootstrap y al momento de achicar la página, el menú no se despliega. Pero si pongo la versión 4.0.0 ahí sí ...
0
votos
0respuestas
23 vistas
Reactive de Navbar no se activa con cdn de bootstrap 4.5.3
estoy practicando el navbar y al momento de achicar la pantalla aparece el ícono "toggle" pero no se despliega el menú. Probé con la versión 4.0.0 (vía cdn) y ahí sí funciona pero creo que ...
0
votos
0respuestas
31 vistas
Configurar navbar para que este por encima de un elemento relativo
es la primera vez que formulo una pregunta, así que perdonar si no lo dejo muy claro, o veis un mal uso de la herramienta.
Estoy haciendo una página web, con html y css (soy principiante). La cosa es ...
1
voto
0respuestas
10 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 ....
0
votos
0respuestas
6 vistas
Como afiliar correctarmente las librerias de javascript en bootstrap4?
soy nuevo en esto en el mundo de la programacion,desarrolle una pagina basica con html y css y conosco lo suficiente para poder manejar y usar el framework de bootstrap4,luego se me presento un ...
1
voto
1respuesta
43 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 ...
0
votos
1respuesta
35 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/...
1
voto
2respuestas
87 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="...
0
votos
0respuestas
11 vistas
¿Porqué Wordpress remueve el link principal del botón del menú cuando se transforma en dropdown?
Estoy desarrollando un tema y utiliza Bootstrap de base, tengo problemas con el menú. Cuando utilizo el dropdown para anidar elementos en el menú, el link principal se transforma y pasa de href="...
-1
votos
1respuesta
35 vistas
¿Cómo hacer un menú de opciones parecido a tabs? [cerrada]
Quisiera hacer una replica del menú de opciones que usa Airbnb en su página, la funcionalidad me imagino que es igual a los tabs de Bootstrap, pero los tabs no se cierran, es como una combinación en ...
0
votos
1respuesta
39 vistas
No se hacer este navbar
Hola a todos estoy aprendiendo CSS y quería probar hacer una navbar que vi de una página. El tema es que no sé como hacer para que todos los elementos del navbar esten en sus correspondientes ...
0
votos
0respuestas
25 vistas
Problema con flexbox al disminuir de tamaño la pantalla
Tengo un problema con flexbox, al minimizar el tamaño, los elementos se pasan a la parte de abajo y no se adaptan al tamaño de la pantalla, dejo unas imágenes y mi código
Gracias por su ayuda, saludos!...
0
votos
0respuestas
23 vistas
Tengo un “sticky navigation bar” en mi página web y necesito que se cambie a menú formato hamburguesa en tamaño móvil
Aquí introduzco el código html del sticky navbar. Debajo el código CSS.
HTML
<header class="header fw-600 navegacion"> /* STICKY NAVBAR */
<a href="...
0
votos
0respuestas
20 vistas
Navbar fixed falla al hacer scroll
Hola estoy usando el componente "Navbar" de Buefy en Vue.js
Mi pagina consta de dos vistas.
En la primera vista se mantiene Fijo el menu, como se espera.
Pero a lo que voy a la otra vista el ...
0
votos
1respuesta
23 vistas
Adaptar navbar a todas las pantallas
es la primera vez que estoy haciendo una web y me encuentro con los siguientes problemas:
El header en una pantalla de 32 pulgadas se queda con margen a los lados, no así en un ordenador portátil ...
0
votos
0respuestas
142 vistas
justify-content: space-around; NO FUNCIONA
soy nuevo en esto y sobretodo en React y no logro hacer que me funcione justify-content: space-around; o justify-content: space-between;
Mi componente:
import React from "react";
import { ...
0
votos
2respuestas
44 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
0respuestas
27 vistas
No puedo poner la barra de navegación completamente de un color
Estoy haciendo un proyecto en MVC ASP .Net y la barra de navegación si cambia de color pero no el header completo sino solamente una parte y esteticamente se ve fatal, ¿como se puede solucionar?. He ...
1
voto
0respuestas
25 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 ...
0
votos
0respuestas
23 vistas
Como puedo tener la misma separación de items verticalmente en un NavBar con Css-Grid
Les explico tengo un trabajo de hacer un barra de navegación como la de Apple en su pagina web(Responsive).
Lo intente hacer con Css-Grid que es como me resulta mas fácil a mi pero tengo un ...
1
voto
1respuesta
37 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 ...
0
votos
1respuesta
51 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:
...
0
votos
0respuestas
244 vistas
Navbar-toggler no funciona
Estoy usando vuejs para crear el componente de una barra de navegación, la cual utiliza bootstrap y no colapsa. Bootstrap y jquery los instalé con npm, y no sé muy bien si pueda ser la causa, ya que ...
0
votos
1respuesta
399 vistas
¿Cómo puedo añadir un submenú en mi navbar? [duplicada]
Estoy intentando crear un submenú para cuando mi navbar esté en formato móvil pero no consigo crear.
La versión de bootstrap es 4.1.3, JQuery es 3.4.1
Este es mi código HTML:
<nav class="...
0
votos
1respuesta
29 vistas
Imagen dentro de una barra de navegación sin afectar el tamaño de la barra
que tal, quiero poner una imagen (avatar del perfil) dentro de una barra de navegación, pero cuando lo hago, la barra navegación se ajusta al tamaño de la imagen. De momento lo que he hecho es solo ...
0
votos
0respuestas
24 vistas
Responsive con MDBoostrap No funciona bien
Estoy desarrollando una pagina sencilla y anteriormente estaba utilizando solo Bootstrap 4. Aún se sigue utilizando pero empece a implementar MDBootstrap porque me ofrece algunos componentes que ...
2
votos
2respuestas
2k 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
0respuestas
58 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 ...
0
votos
0respuestas
303 vistas
¿Cómo insertar un sub-menu dentro de otro sub-menu?
Necesito incluir un sub-menú dentro de un sub-menú en mi sitio web. Intenté agregar un UL con el sub-menú que quiero que se muestre en la opción de #CIUDADES, antes de cerrar su LI, pero no se muestra ...
0
votos
1respuesta
30 vistas
Efecto JS Smooth Scroll me oculta la información debajo del Header
Estoy trabajando una pagina web estilo one page y ando creando un efecto de scroll suave el cual funciona muy bien cuando se le da clic en una etiqueta a con un ID, lo que pasa es que el header tiene ...
0
votos
0respuestas
63 vistas
Poner navbar collapsible para tablet con Bootstrap
Tengo mi navbarde Bootstrap (versión 3.4.0) que en dispositivos móbiles (< 768px) cambia para ser collapsible. Quisiera hacer que esta misma manera se mantenga para tamaño tablet (< 1024px), ...
1
voto
1respuesta
75 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 ...
2
votos
1respuesta
2k 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 ...
0
votos
3respuestas
220 vistas
Alinear navbar a la derecha con CSS3
Necesito diseñar una página estática como está en esta imagen solo usando HTML y CSS3, tengo todo hecho lo único que no logro es que la palabra "LOGO" se vaya a la izquierda y los 3 elementos del ...
0
votos
1respuesta
770 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 ...
1
voto
1respuesta
241 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 ...
0
votos
1respuesta
338 vistas
¿Como hacer un responsive topNav con links a la derecha?
Necesito crear un menú responsivo, el cual debe ser el logotipo al lado derecho y los links al lado izquierdo.
Encontré como hacerlos en w3schools y es un ejemplo sencillo pero no encuentro como ...
2
votos
2respuestas
140 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) ...
1
voto
2respuestas
54 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
2respuestas
88 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 ...
0
votos
2respuestas
156 vistas
SUPERPOSICION DE MAPA (LEAFLET) ENCIMA DEL NAVBAR (BOOTSRAP)
Como se ve en la imagen el mapa se superpone a la barra de Menu.
No sabria como corregir eso
El mapa esta descripto como
<style>
#map {
width: 100%;
height: 480px;
box-shadow: ...