Cómo configurar imágenes en miniatura de arranque

Pruebe este, no puedo publicar el estilo exacto ahora, pero obtengo el estilo similar de www.tutorialspoint.com

Una cosa que puede hacer es proporcionar cierta altura y anchura en el código CSS de su página web utilizando la miniatura o la propia clase img como:

.miniatura
{
altura: x;
ancho: y;
}

Proporcione relleno si lo desea.

Esto le dará un tamaño de imagen regular a todas las imágenes de diferente tamaño …

Utilice varias clases de imágenes del marco de arranque.


Crear paneles usando la clase de panel y usando la clase de miniatura dentro de él también puede ayudar.


Puedo proporcionar un fragmento de código si quieres …

Yo mismo he hecho algo como esto, puedes verlo en la siguiente imagen:

siga este enlace para obtener más información sobre Bootstrap aquí, crearé 25 proyectos utilizando Bootstrap únicamente y también crearé un sitio web de comercio electrónico que será 100% apto para ventas

Hola amigo, es mejor hacer esta pregunta en Stack Overflow

y parece que necesita cambiar algunos cambios de CSS aquí, puede verificar la documentación del programa de arranque correctamente, tiene casi todas las respuestas que desea preguntar y todas las cosas básicas que desea hacer

espero que obtengas un poco más de información

Gracias

Proporcione un ancho y una altura fijos a cada imagen usando la clase para

por ejemplo: .portfolio img {ancho: 100px; altura 150px;}

O ancho: 100% y altura 150px; dar de acuerdo a su necesidad.

Para obtener más información, puede enviarme un mensaje al 8233389702 whatsapp

Gracias.

Si quieres que se vea exactamente como el de la segunda foto. En primer lugar, debe configurar la clase “img-responsive” para que la imagen en pantalla pequeña se ajuste.

Luego use la propiedad de relleno e inserte el relleno desde arriba y alinee la imagen en el centro.

Prueba con esta configuración.

Buena suerte !