Preguntas con la etiqueta [card]

La etiqueta no tiene orientación de uso.

Filtrar por
Ordenado por
Etiquetadas con
3 votos
2 respuestas
330 vistas

¿Cómo filtrar todos los datos/campos de una card?

Estuve revisando la función de JavaScript que utiliza este código y el filtro solo accede a los títulos de las tarjetas. Me gustaría poder filtrar todos los elementos de tiene cada tarjeta como el ...
Avatar del usuario Lucas
  • 191
2 votos
1 respuesta
29 vistas

¿Cómo puedo centrar en el medio de una tarjeta un icono sin tener que modificar su padding-top?

Estoy utilizando una tarjeta responsive de Bootstrap y sin modificar nada queda el ícono en el margen superior de la tarjeta. Al momento de probar su desempeño responsive funciona bien ya qué el ícono ...
Avatar del usuario Lucas
  • 191
2 votos
1 respuesta
169 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 ...
Avatar del usuario proyectos globales de ventilac
2 votos
1 respuesta
1k vistas

Como posicionar un Container lo mas abajo posible de un Card?

Estoy tratando de aprender a usar mejores diseños con Card a lo cual e visto un que me gusto pero parece tener un tipo Container colocado en la parte de abajo del Card con un color diferente, lo que ...
Avatar del usuario Richard
  • 1,463
1 voto
1 respuesta
61 vistas

¿Cómo hacer responsive tarjetas ubicadas en el footer de la página?

Estoy trabajando en el footer de la página y coloqué unas tarjetas de Bootstrap separadas con CSS(lo que pienso que puede ser uno de los errores) y me gustaría que fueran responsive lo cual cumplen ...
Avatar del usuario Lucas
  • 191
1 voto
0 respuestas
29 vistas

¿Cómo sobreponer un icono en un card?

espero que estén bien, quisiera solicitar su ayuda mi pregunta es super sencilla, necesito obtener el siguiente resultado: y he llegado a este resultado: el codigo es el siguiente: {cardsText.map((...
Avatar del usuario Rafa
  • 174
1 voto
1 respuesta
886 vistas

Card con React.js

soy nuevo usand React asi que trato de hacer ejercicios para mejorar, la cuestion es que el ejercicio trata de cards, y queda como lo siguiente: cuando quiero que quede asi, en medio de la pagina, ...
Avatar del usuario Angel García
1 voto
0 respuestas
539 vistas

Mostrar imagen que se adapte a una card horizontal de Bootstrap4 y hacerlo responsive

Tengo un listado de card en Boostrap 4, pero depende del tamaño de la imagen se descuadra. Quiero conseguir que da igual la foto que sea, se ajuste al cuadrado que tengo y todas las card tengan la ...
Avatar del usuario BlackName
0 votos
1 respuesta
142 vistas

Como puedo evitar que un card dentro de un col-md-8 sea muy grande en Bootstrap 4?

En un row tengo dos cards una en un col-md-4 y el otro en col-md-8. El problema es que la card de la columna más grande tiene mayores proporciones. Quisiera saber como puedo mantener la altura de las ...
Avatar del usuario Erick Felipa
0 votos
1 respuesta
274 vistas

Altura de menú lateral de AdminLTE 100%

Buenas, me encuentro con el siguiente problema. No puedo configurar la altura de mi card-body a mi gusto. Tengo un div card-body dentro de un div card, dentro de un section content que a su vez esta ...
Avatar del usuario Agustin G.
  • 2,948
0 votos
1 respuesta
207 vistas

Como puedo alinear las tarjetas de bootstraps hechas en JS, me quedan en una columna y en forma vertical

let camisetas = [ { id: 1, nombre: "Camiseta Peñarol", precio: 2500, imagen: "../assets/images/manya.png", }, { id: 2, nombre: "Camiseta Boca", precio: 2500, ...
Avatar del usuario Fedef11980
0 votos
2 respuestas
40 vistas

Coo muestro numeros en un select desde Java Script

Estoy haciendo un card validation y quiero poner en un select los meses del año (en numeros) y en otro select al menos 10 años (en numeros) pero quiero que esta asignacion sea desde Java Script. Había ...
user avatar
0 votos
1 respuesta
102 vistas

A veces funciona y a veces no. Ecommerce con react

soy novato y anteriormente formule la pregunta pero no fui del todo claro y especifico. Estoy desarrollando un ecommerce con react. En la Home se presentan los productos cada uno en su Card y ahi ...
Avatar del usuario Pablo Alejandro Acuña
0 votos
0 respuestas
357 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 ...
Avatar del usuario Michell Q. Hernandez
0 votos
0 respuestas
101 vistas

Flutter GridView.builder, la segunda columna no responde a los taps correctamente

Estoy trabajando con Flutter 3.3.9. tengo una lista tipo StaggeredDualView (creado con los ejercicios de @diegoveloper),esta lista me muestra dos columnas.Cada item es un Card envuelto en un ...
Avatar del usuario YuberV
  • 59
0 votos
1 respuesta
124 vistas

Como puedo corregir este Breakpoint?

Hola como les va? necesito corregir estos breakpoints y no se como hacerlo, en cuestion serian a partir de 350px, 576px a 935px. lo que quiero es mantener el grid de 3 columnas y se me rompe en esos ...
Avatar del usuario Lucas Zagar
0 votos
2 respuestas
48 vistas

Problema posicionamiento de cards en ReactJS

estoy mappeando una lista de productos con una card pero al momento de hacerlo, me salen en vertical y quiero que sea horizontal. ///card import React from 'react' import StyleContainer from '../...
Avatar del usuario Karpezty
0 votos
0 respuestas
129 vistas

Cards Bootstrap maquetacion

una consulta, hay algo con lo que siempre batallo a la hora de maquetar algo y son las Cards, nunca recuerdo bien como vendria a ser la extructura de algo, y termino escribiendo codigo de mas (segund ...
Avatar del usuario BoliVlogs Archivos
0 votos
1 respuesta
415 vistas

Efecto hover para cada elemento de un array en Angular

¿Como puedo hacer para que cada elemento de una array tengo un efecto hover individual si estoy usando un ngFor para listarlos? Tengo lo siguiente. archivo TS. miEducacion:any=[ { &...
Avatar del usuario Luis Sanchez
0 votos
1 respuesta
154 vistas

Hice 2 tarjetas que desliza texto , pero se mueven todas al mismo tiempo en vez de una sola

Hice 3 tarjetas que deberían deslizar un texto para abajo cada vez que uno posiciona el mouse. Lo hacen, pero en vez de hacerlo individualmente, las otras que no están siendo seleccionadas, mueven el ...
Avatar del usuario Emiliano
0 votos
1 respuesta
86 vistas

Mostrar un card en miniatrura cuando este en hover con JQUERY

Espero estén bien me podrían ayudar por favor! Tengo unas cards que contienen información de cada producto como podría que al hacer hover en la imagen aparezca esa misma card pero en miniatura en ...
Avatar del usuario Ernest site
-1 votos
0 respuestas
10 vistas

Vista previa CSS, JS, Bootstrap [cerrada]

Buen día, estoy haciendo una aplicación que prácticamente sería como un google forms donde tengo tarjetas de boostrap para ver todos los exámenes que el usuario/maestro ya creó, peeero me encantaría ...
Avatar del usuario Adony Montejo
-1 votos
1 respuesta
69 vistas

Como hago que cada los botones de las cards, hagan aprecer la descripcion de la misma

estoy haciendo unas cartas, especificamente 3, pero aqui les mostrare el codigo como si fuesen 2, para no subir tanto codigo, en las que se presentan mis proyectos de mi portafolio. El problema es que ...
Avatar del usuario Mayra Denot