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`.
115
preguntas
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 ...
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 ...
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
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 ...
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 ...
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 ...
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=&...
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 ...
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?
...
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 ...
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 ...
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/...
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="...
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 ...
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 ...
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 ...