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`.
54
preguntas con respuestas sin votos o no aceptadas
3
votos
0
respuestas
43
vistas
Los elementos de mi navbar se apilan, en lugar de mostrarse uno al lado del otro
Soy nuevo con HTML y Bootsrap, estoy haciendo un proyecto para la universidad, estoy intentando crear una navbar que tenga las secciones repartidas una al lado de la otra dentro de la misma, pero se ...
2
votos
0
respuestas
251
vistas
Carousel dinámico de imagenes varias carpetas C#, Asp.Net core mvc?
Mostrar en carousel las imagenes que tengo en una carpeta, la ruta esta almacenada en mi DB en un campo llamado rutaCarpeta. Dentro del proyecto tengo creada la misma carpeta y es ahi donde esta el ...
1
voto
0
respuestas
31
vistas
Acceso directo a la carpeta de bootstrap en node_modules
Estoy migrando un proyecto del trabajo de bootstrap v4 a v5 y en la nueva version se implementa el uso de variables sass y esto ayuda un monton, el punto es que quisiera saber de que manera puedo ...
1
voto
0
respuestas
238
vistas
Problema con overflow-y: scroll en un modal de Bootstrap
Tengo un modal creado con la librería Bootstrap en el que tengo varias listas que se rellenan al hacer una búsqueda mediante Ajax, con un tamaño fijo y la propiedad overflow-y: scroll, para poder ...
1
voto
0
respuestas
55
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
0
respuestas
199
vistas
Responsive mobile bootstrap 5 superposición de divs
estoy aprendiendo lo basico sobre html y css, iniciando en bootstrap y haciendo uso de scss, pasando mi primer proyecto a responsive, me encuentro con la dificultad de que ciertos divs se me ...
1
voto
0
respuestas
210
vistas
Modal no abre al dar click en FullCalendar Laravel 8
El problema que tengo es sencillo y en cada tutorial que veo de como usan FullCalendar empiezo a seguir el paso a paso pero no puedo continuar de donde se añade el modal para ingresar la información, ...
1
voto
0
respuestas
292
vistas
¿Cómo paso un dato a la vista modal para realizar una consulta?
estoy trabajando con bootstrap 5 , php y una conexión a base de datos PDO.
Tengo una tabla que me bota una lista con información de los representantes, a esto le añadí un botón con el objetivo de al ...
1
voto
0
respuestas
45
vistas
¿Es posible mostrar un dropdown diferente dependiendo del dispositivo? con Bootstrap 5
Tengo el siguiente código que viene por defecto con el Bootstrap Auth de Laravel, lo que requiero es cambiar la dirección del contenido del dropdown dependiendo del tamaño de la pantalla del ...
0
votos
1
respuesta
49
vistas
Uncaught ReferenceError: require is not defined en vite cuando se hace npm run build
Estoy tratando de comprimir todas las dependencias de una plantilla que tiene bootstrap 5 y estoy usando vite para ellos cuando ejecuto npm run dev no me da ningun problema pero cuando hago el npm run ...
0
votos
0
respuestas
21
vistas
Change the width of a @Html.DropDownList in mvc5 Razor
estoy trabajando en un proyecto con MVC5 Razor y me gustaría cambiar el ancho de un @Html.DropDownList. He intentado varios enfoques, como modificar el estilo, cambiar las clases de Bootstrap e ...
0
votos
1
respuesta
20
vistas
Mi botón con texto oculto muestra el texto al iniciar el sitio
Tengo un sitio creado con bootstrap. Cree 3 cards para poner 3 servicios que se ofrecen pero el texto que es la descripción del servicio lo quiero ocultar. Esto lo hice con una función en JavaScript. ...
0
votos
1
respuesta
29
vistas
¿Cómo hago para hacer responsive los inputs group en Booststrap 5 para pantallas pequeñas con un max-width: 576px?
Este es el código, resulta que para pantallas medianas y grandes el queda con un formato responsivo adecuado; pero para pantalla con un max-with: 576px no queda bien. El input donde se coloca el texto,...
0
votos
1
respuesta
167
vistas
Error Bootstrap Modal Cannot read properties of undefined (reading 'backdrop')
Necesito ayuda con este error ya intente varias cosas y no he podido resolverlo.
El proyecto es con React, JSX y implemente bootstrap donde intento usar este modal fade pero al llamarlo mediante un ...
0
votos
0
respuestas
10
vistas
como hacer un mapa con datos responsivo en laravel 8
solicito de su ayuda con una recomendacion. En mi trabajo mi gerente nos pidio desarrollar un proyecto para unos invernaderos el cual consiste en "dibujar" la forma de los invernaderos y ...
0
votos
0
respuestas
28
vistas
Ventana Modal con Bootstrap con Header, Body y Footer. Agregar tabla extendida en el Body
Buen día. Quiero diseñar una ventana Modal que muestre
Un Header con título.
Un Body que contenga un control de búsqueda (TextBox y Button arriba y Tabla abajo).
Un Footer con dos Button (Cerrar y ...
0
votos
1
respuesta
29
vistas
table-hover de Bootstrap deja de funcionar al eliminar todos los renglones de una tabla y agregar nuevos
Buen día estimados, les explico mi problema a ver si me pueden ayudar.
Tengo un proyecto que usa Bootstrap v5. En el proyecto tengo una tabla a la que le apliqué la clase table-hover.
IMAGEN 1: Tabla ...
0
votos
1
respuesta
54
vistas
No se muestra el mensaje del tooltip con select2
No se muestra el mensaje del tooltip del segundo combobox al cambiar la opción del primer combobox. Estos combobox son dato de prueba, pero la forma de cómo se utiliza en los reales combobox es igual. ...
0
votos
1
respuesta
25
vistas
Cakephp 5 Form Helper ¿Cómo mostrar errores de validacion antes de enviar un formulario?
Estoy haciendo el tutorial cms de cakephp 5 con la validación de formularios de Boostrap 5.
Al momento de querer enviar el formulario para probar la validación de los inputs, puedo ver que el HTML ...
0
votos
0
respuestas
15
vistas
¿como se muestra la segunda pagina?
una duda como hago para que se me muestre la información cuando uno hace compaginación en la segunda pagina de una tabla que no se como hacerlo y estoy peleando
<div>
<table class="...
0
votos
1
respuesta
201
vistas
Cargar Plantilla de Bootstrap 5 en componentes vuejs
Estoy utilizando laravel 9 integrado con vuejs 3 en el mismo proyecto.
Descargue una plantilla de bootstrap5 y la dividí en: Cabecera, Footer y Menu. Quiero que este dinámicamente su funcionalidad ...
0
votos
1
respuesta
64
vistas
Porque mi barra de navegacion no se queda fija con la propiedad fixed en Angular?
Estoy haciendo una pagina web para moviles con la siguiente estructura en Angular:
La idea es que la navbar permanesca en su sitio es decir, en el top aunque se dezplace uno en la pagina, es decir ...
0
votos
1
respuesta
49
vistas
Sidebar ocultacion
tengo un main en bootstrap 5 que quiero que pase a ocupar todo el ancho de la pantalla cuando oculto la sidebar.
<main id="mainElement" class="col-md-12 ms-sm-auto col-lg-12 px-md-4&...
0
votos
1
respuesta
25
vistas
Buenas tardes, tengo un problema con el tema de la hamburguesa que se adapta a celular de Bootstrap 5
<header> **header de la hamburguesa**
<nav class="navbar navbar-expand-lg navbar-light ">
<div class="container-fluid">
<a class=&...
0
votos
1
respuesta
89
vistas
botón de volver html+php+form
Hola estoy haciendo un formulario en html que tiene php de back end para el submit.Uso el método post para tomar los datos del form y persistirlos en mysql. Estoy utilizando el atributo "...
0
votos
0
respuestas
66
vistas
Problemas con Carrusel de Bootstrap 5
Estoy intentando hacer un carrusel, y me muestra la imagen por unos microsegundos solo cuando recargo la página y luego desaparece.
No sé si lo estoy inicializando correctamente o no, estoy ...
0
votos
0
respuestas
41
vistas
Problema al mostrar dropdown bootstrap 5 desde un botón con Jquery
Tengo un enlace en mi menú que al hacer clic en él, muestra de manera correcta la posición del contenido en un dropdown-menu, este es el código:
<li class="nav-item dropdown">
<...
0
votos
1
respuesta
238
vistas
Crear pestaña div bootstrap 5
He estado intentando hacer una tipo pestaña con Bootstrap 5, pero aún no lo logro. ¿Alguien tiene alguna solución? Adjunto imagen de cómo debe quedar.
<div class="text-center">
<...
0
votos
1
respuesta
42
vistas
mi navbar no se pega a lo alto de la pantalla, deja un margen
Tengo una navbar pero no se pega a lo alto de la pantalla como deberia, deja un espacio
<div class="d-flex p-2 bd-highlight">
<nav class="navbar navbar-default navbar-...
0
votos
0
respuestas
97
vistas
Como puedo alinear la etiqueda span en un input group con Bootstrap 5
Hola tengo un modal que muestra un bloque de controles ordenados con la clase input group que se acoplan al tamaño del texto.
1.- Quisiera saber como puedo hacer que los controles label se ajusten al ...
0
votos
1
respuesta
86
vistas
Mostrar tres imágenes centradas con Bootstrap
Tengo tres imágenes con su overlay pero me salen de lado izquierdo. Lo que necesito es que queden centradas las tres imágenes con ayuda de Bootstrap usando el col.md, col.sm.
<link href="https:/...
0
votos
0
respuestas
51
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
130
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 ...
0
votos
0
respuestas
51
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
597
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
48
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
429
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 ...
0
votos
0
respuestas
35
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
86
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
71
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
0
respuestas
109
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 ...
0
votos
0
respuestas
180
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
658
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, ...
0
votos
0
respuestas
90
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
348
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 ...
0
votos
0
respuestas
30
vistas
¿Cómo puedo mantener un div en una posición determinada en un diseño responsive?
Tengo un menú de navegación creado con bootstrap, dentro de dicho menú tengo una lista de links y una lista de íconos separados cada uno en dos div, el problema es que quiero que en todo momento de mi ...
0
votos
0
respuestas
51
vistas
Tengo una duda de como hacer mi html responsivo con boostrap5
Actualmente estoy haciendo un solitario y en mi html uso div y ul, ya agregue los links de boostrap y las clases a los div y a los ul que están dentro del div, pero por alguna razón no se vuelve ...
0
votos
0
respuestas
36
vistas
no se me rellena el el div por la izquierda
uso bootstrap e hice una row y en ella meti el col-12 que solo tengo un texto y una clase que me rellena de un color especifico la columna, pero me deja un hueco a la izquierda y no se porque. Es en ...
0
votos
0
respuestas
87
vistas
¿ Por que mi table-responsive no funciona bien en moviles?
Estoy trabajando con BootStrap y en ordenador todo se ve bien, pero cuando lo veo desde un movil aparece algo invisible a la derecha que me genera un espacio transparente. Ya me di cuenta que es la ...
0
votos
0
respuestas
501
vistas
¿Cómo puedo cargar una ventana modal con datos de una consulta?
tengo un problema que no se por donde empezar; les cuento tengo un formulario con datos de una consulta realizada a mysql, uso php para programar.
Los resultados de la consulta se muestran en una ...