Preguntas con la etiqueta [bootstrap-5]

Esta etiqueta se refiere a la versión 5 del conocido framework Bootstrap. Es recomendable usarla con la etiqueta `bootstrap`, pero nunca junto a `bootstrap-4` ni `bootstrap-3`.

Filtrar por
Ordenado por
Etiquetadas con
0 votos
1 respuesta
27 vistas

Problema con formulario reactivo en Angular 14 y Bootstrap 5

el tema es el siguiente... tengo un pequeño formulario reactivo trabajado con Angular 14 y Bootstrap 5, el problema se da con las validaciones, ya que algunas no se logran visualizar en el template (...
1 voto
0 respuestas
19 vistas

¿como desplegar una opción del acordeón por medio de una opción en el navbar bootstrap 5?

Muy buenas noches, me encantaría saber como puedo desplegar una opción de un componente de bootstrap en este caso el acordeón, todo desde una de las opciones del navbar, ya que me gustaría crear desde ...
1 voto
1 respuesta
51 vistas

¿Cómo colocar un botón en un popovers?

estoy tratando de poner un botón dentro de un popovers pero no me lo muestra el botón. Busque información y solo encontré que tengo que insertar el "data-html="true", pero no me ...
  • 21
1 voto
2 respuestas
28 vistas

¿Cómo habilitar un botón de registro de un formulario mediante un botón de un modal de Bootstrap5?

Estoy trabajando con un formulario en el cual el botón de registro se debe habilitar cuando se cumplan dos condiciones. La primera es que debe estar el formulario completo y la segunda es que mediante ...
  • 191
1 voto
1 respuesta
25 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. ...
0 votos
0 respuestas
11 vistas

Height entre divs Bootstrap 5.2

Bien, estoy usando un bootstrap 5 para crear un formulario, el problema es que aparece un espacio extraño entre mis divs. Aclaro, el estilo del formulario lo hago yo, pero ocupo su grid para ordenar ...
0 votos
0 respuestas
17 vistas

FORM VALIDATION PHP BOOTSTRAP VSCODE

quisiera su ayuda en poder resolver este asunto del uso del FORM VALIDATION, usando ajax, estoy usando el codigo de validacion. Aqui el codigo me reconoce los errores dentro de los input si esta vacio,...
0 votos
1 respuesta
39 vistas

¿Cómo agregar texto dentro de un grid?

Lo que planteo es cómo añadir un texto con la etiqueta <p> para que quede dentro del Grid de cada caja. Ya que necesito poner debajo de la imagen la descripción del programa. Cuando añado el ...
0 votos
0 respuestas
11 vistas

Sidebar no funciona correctamente

Estoy realizando un Sidebar úncamente con html y css: Estaba usando bootstrap 4.5 y todo funcionaba bien, pero migré a bootstrap 5.2.3 y dejó de funcionar la parte de que no despliega los menús. &...
0 votos
1 respuesta
20 vistas

¿Cómo puedo hacer que mi formulario tome el 100% de su contenedor y no el 50% en bootstrap?

Estoy realizando el diseño de un formulario con Bootstrap, a mi formulario le di un width del 50% (w-50), pero al momento de adaptarlo a pantallas mas pequeñas este me sigue tomando el 50% quedando un ...
  • 1
1 voto
1 respuesta
52 vistas

Personalizar Carousel Bootstrap 5 - Sacar flechas de la imagen + añadir previsualización de anterior y siguiente

El que tiene bootstrap tiene incluidas las flechas dentro de la imagen pero no soy muy fan ya que se pierde con la imagen, quisiera tener las flechas fuera del recuadro de la imagen, estuve jugando ...
  • 35
0 votos
1 respuesta
82 vistas

¿Cómo puedo modificar Cards en Bootstrap 5 para que no se vea el contorno del card?

Estoy tratando de mejorar mi conocimiento con bootstrap y customizar CSS. Bootstrap tiene diferentes estilos de Cards. A continuacion dejo el más similar a lo que necesito: Solo que yo necesito en ...
  • 35
1 voto
1 respuesta
51 vistas

Cómo modificar el modal de bootstrap 5? Quiero que sea un pop up transparente [cerrada]

Soy algo nuevo usando bootstrap, la configuración por defecto hace que tenga un fondo blanco con un banear superior con título. ¿Que quiero hacer? Necesito que al dar click a un botón de “Más ...
  • 35
2 votos
2 respuestas
34 vistas

¿Cómo mover una columna de un Grid a la derecha?

Tengo la siguiente duda, quisiera saber si existe alguna manera de mover la columna que se encuentra en la segunda fila hacía la derecha, tome como ejemplo la imagen que aparece en la documentación de ...
0 votos
0 respuestas
30 vistas

Botones escalonados en vez de justificados a la derecha

No consigo que los botones me salgan alineados a la derecha, utilizo bootstrap5. La pantalla me queda así: El código que tengo es el siguiente: @extends('app') @section('content') <div class=&...
  • 1
0 votos
2 respuestas
49 vistas

BS 5 colapsar programaticamente

En las versiones anteriores de BS con jquery puedo ejecutar esto: function changes() { $('#demostración').collapse('toggle'); } para alternar mediante programación la vista collase de un elemento ...
0 votos
0 respuestas
26 vistas

cargar php get en modal body bootstrap 5

tengo un modal normal, en una pagina y quiero en body cargarle una pagina php enviandole por metodo get un id la idea es en el modal-body cargar una pagina - (3modalact.php) enviandole el contenido de ...
  • 1
0 votos
2 respuestas
152 vistas

Tengo inconvenientes con algunos estilos de mi CSS al instalar Bootstrap en Angular

Estoy aprendiendo y no he logrado encontrar solución a mi problema. Estoy utilizando Bootstrap en su ultima versión en mi proyecto de Angular, pero he tenido algunos problemas con los estilos que ya ...
0 votos
1 respuesta
11 vistas

Grids Bootstrap 5 obtienen una debajo de la otra version móvil

Tengo las siguientes grids desarrolladas en bootstrap 5. Cuando se accede por smartphone, se ve así: ¿Cómo consigo que las grids estén una debajo de la otra, es decir, del mismo ancho que la card 5? ...
  • 241
0 votos
0 respuestas
68 vistas

como ajustar los tamaños de card de bootstrap 5 segun el tamaño de un div padre

Hola buenas tardes estoy creando una api web pero tengo un problema estético, y es que tengo unos servicios que al traerlos de la base de datos los muestro en card de bootstrap 5, este esta adentro de ...
2 votos
1 respuesta
51 vistas

problema con bootstrap cards group ycontenido en un div

espero me puedan ayudar, tengo un card group de 3 columnas que se muestran dinámicamente, en el index tengo el div contenedor dentro de la clase donde tiene que aparecer las cards en orden <div ...
1 voto
1 respuesta
36 vistas

No puedo cerra un modal de bootstrap 5

El modal contiene un formulario, la idea es que al enviar el formulario y una vez tenga el contenido del mismo el modal se cierre. <div id="welcomeModal" class="modal" tabindex=&...
0 votos
0 respuestas
29 vistas

Mi footer no se mueve cuando muestro un mensaje de advertencia

No estoy pudiendo hacer que mi footer se vaya para abajo cuando muestro un mensaje estilo alert. Asi es como se ve mi footer sin el mensaje: Pero con el mensaje, el boton "Buscar" se ubica ...
  • 127
0 votos
0 respuestas
17 vistas

No se aplica un custom color con CSS a Footer de Bootstrap 5

Estoy usando Bootstrap 5.2 en un proyecto que tiene un Navbar y un Footer, estoy aplicandole los colores de Spotify y logré cambiar el navbar correctamente en CSS con este color: (#191414) El ...
0 votos
0 respuestas
33 vistas

Cómo estructurar correctamente el contenido de este diseño web utilizando Bootstrap 5

Estoy realizando un proyecto en el cual debo maquetar correctamente el diseño del contenido web según el prototipo(imagen) que me dieron. Actualmente tengo un problema y es que no se como realizarlo ...
0 votos
1 respuesta
49 vistas

¿Por qué no me cargan las imágenes en mi web con dominio?

Algunas imágenes sí cargan y otras no, que tengo guardadas en mi `directorio ejemplo img/nombre_carpeta/1.JPG, img/nombre_carpeta/2.JPG, etc...en mi página web, con dominio, cuando veo que las fotos ...
1 voto
1 respuesta
51 vistas

¿como puedo poner estas imagenes en un fila, sea responsive?

tengo un problema, cuando se muestra la web en mi pc, el tamaño de la seccion de noticias, se supone que deben ver un fila de 4 imagenes, pero solo me muestra 2 filas, donde la primera fila son las ...
1 voto
2 respuestas
38 vistas

¿como se podra realizar un menu fijo adaptable a difirentes dispositivos?

como podre dejar el menú fijo, que cuando este bajando, el menú siga hay fijo para el usuario, y sea adaptable teléfonos móviles, lo eh intentado pero me desaparece el menu. acá esta el html, con cual ...
0 votos
1 respuesta
58 vistas

¿como evito que desaparezcan los otros menu al desplegar dropdown paginas?

Tengo problemas al momento de desplegar el menu paginas. Me muestra todos los <li> que estan dentro del dropdown menu proyectos sin hacer click y tambien desaparecen los otros menus cuando paso ...
0 votos
0 respuestas
27 vistas

Cambiar el idioma del Pagination

Lo que quiero saber es como poder cambiar el idioma del Pagination, ahi coloco 2 imagenes de ejemplo y se ve claramente que se muestra en Ingles. Gracias.
0 votos
0 respuestas
39 vistas

¿Como hacer el efecto glow/borroso que esta implementando Youtube?

En la ultima actualización de Youtube, Google ha metido un efecto glow detras de los video. Lo llama "cinematicmode" que coge el video en cuestión y crea el haz de luz ese mientras se va ...
1 voto
1 respuesta
37 vistas

Scroll Horizontal al usar row y col de Bootstrap

No puedo utilizar bien row y col, me termina provocando scroll de forma horizontal. Busco la forma pero no la encuentro y al final uso display: flex. Saco todo, pongo solo un h1 y sigue teniendo el ...
0 votos
0 respuestas
79 vistas

No cerrar modal Bootstrap si el formulario de registro, tiene un error

Tengo un formulario de registro en Bootstrap, pero si algún campo tiene un error el mismo se cierra pero mantiene la información, al volver hacer clic en el botón registrar se muestran los datos y el ...
  • 1
0 votos
1 respuesta
39 vistas

¿Cómo crear 2 ventanas modales de diferente tamaño, contenido y estilo?

Estoy empleando la libreria de Bootstrap 5 y lo que quiero es crear 2 ventanas modales pero de diferente tamaño. Por ejemplo, mi primera ventana modal tendra un height: 330px y mi segunda ventana ...
0 votos
1 respuesta
57 vistas

por que no puedo agregar el espacio entre columnas en bootstrap 5?

hola buenas tardes a todos, estoy aprendiendo bootstrap5 y estoy creando un ejemplo sencillo donde teno una fila que tiene 12 columnas, el problema aqui es que no logro poder asignar un espacio entre ...
0 votos
0 respuestas
46 vistas

Menú de Hamburguesa se oculta

Estoy trabajando con Bootstrap 5.2. Tengo la siguiente navbar el menú de hamburguesa funciona al darle click, pero al darle click otra vez para que cierre mi navbar desaparece. Alguien que me pueda ...
0 votos
1 respuesta
21 vistas

Actualizar estado active en <nav>

¿Por qué cuando interactuo con los elementos del dropdown y luego quiero interactuar con los demas elementos no me desmarca las opciones dentro del dropdown, siempre las deja activas y me bloquea el ...
0 votos
0 respuestas
25 vistas

centrar solo el menu sin que suba el contenedor donde esta el formulario?

Estoy intentando centrar el menu al seleccionar una opcion, ya logre centrar el menu, pero sube el nombre del formulario. Como se muestra en la siguiente imagen, como puedo centrar solo el menu?. ...
0 votos
1 respuesta
578 vistas

localhost ha rechazado la conexión

Tengo un proyecto web nuevo en VS 2019, lo primero que he hecho es comprobar si funcionaba correctamente ejecutandolo varias veces, la web carga correctamente, pero, al tener bootstrap 3 decidí ...
0 votos
1 respuesta
89 vistas

Error de conexión en Apps Script - TypeError: Cannot read property 'getSheetByName' of null

Tratando de hacer un formulario en Apps Script, da el error: "TypeError: Cannot read property 'getSheetByName' of null (línea 20, archivo "Código")" En el documento Código.gs, ...
1 voto
1 respuesta
47 vistas

Como puedo centrar la opcion seleccionada en un menu con Bootstrap 5.2 jquery Thymelef

Alguien sabe como centrar el menu seleccionado, tengo el siguiente caso: Cuando selecciono el menu, aparece en la parte de abajo como se ve en la imagen. pero tengo mas menus abajo, y al ...
-1 votos
1 respuesta
53 vistas

Desplazamiento a posición especifica usando bootstrap

Esta seria mi barra de navegación: Lo que busco es que al presionar en experiencia, por ejemplo, me desplace de la siguiente forma Dejándome el titulo con borde superior. En cambio me queda así: ...
0 votos
0 respuestas
39 vistas

Maximum call stack size exceeded | error al abrir un canvas desde jquery

tengo el siguiente problema, tengo un boton tipo href que llama a traves de la clase "openRightModal" a un evento que consulta la base de datos, funciona de maravilla solo 2 veces, si el ...
0 votos
0 respuestas
126 vistas

Activar un enlace usando Bootstrap 5

Deseo que mi menú de navegación se active con un color definido según la navegación del usuario. Mi primer enlace lo tengo activado con un color establecido. Sin embargo, al cambiar de enlace no ...
2 votos
1 respuesta
29 vistas

Uso de Jquery First y Clone

Tengo la siguiente estructura: <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/...
  • 243
1 voto
1 respuesta
57 vistas

Función para aplicar estilo a elemento hijo, haciendo clic desde el padre

Tengo la siguiente estructura, donde (omitiendo la clase .m-2) .drop__card sería el elemento padre y .circulo uno de los elementos hijo. <div class="m-2"> <div class="...
  • 243
0 votos
1 respuesta
55 vistas

¿Cómo puedo insertar una imagen de fondo en body con css de RAILS 7?

He estado intentando insertar una imagen de fondo en el Aplication.css de RAILS7, trabajo con Bootstrap 5, mi línea de código es la siguiente: body { margin: 0; font-family: var(--bs-body-font-...
1 voto
1 respuesta
41 vistas

¿Cómo dejar fijo un navbar sin tapar el contenido pudiendo hacer scroll al contenido en bootstrap 5?

He estado haciendo pruebas en https://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic con el siguiente código pero tengo un problema. Quiero tener una barra de navegación fija, en la parte ...
  • 57
1 voto
2 respuestas
204 vistas

¿Cómo posicionar un boton del lado derecho del header?

Estoy queriendo ubicar mi botón de cerrar sesión en el header y del lado derecho, pero por mas que intento y pongo y saco clases de Bootstrap 5 no estoy pudiendo lograr esto. Ahi está ubicado el ...
  • 127
0 votos
1 respuesta
86 vistas

Las tarjetas de bootstrap sobrepasan la barra de navegación y el texto

Quise agregar las tarjetas de bootstrap a mi página, al inicio se veían bien: Pero después cuando empecé a agregar un texto abajo lo empezó a tapar: No intenté ninguna forma de solucionarlo porque ...