Saltar al contenido

ejemplo de código de imagen pequeña bootstrap

Nuestro team de especialistas luego de varios días de trabajo y de recopilar de datos, hemos dado con los datos necesarios, deseamos que te resulte útil para tu proyecto.

Ejemplo 1: cómo hacer bootstrap 4 que responda a la imagen

<imgsrc="..."class="img-fluid"alt="Responsive image">

Ejemplo 2: tamaño de imagen de arranque

<divclass="w-25 p-3"style="background-color:#eee;">Width 25%div><divclass="w-50 p-3"style="background-color:#eee;">Width 50%div><divclass="w-75 p-3"style="background-color:#eee;">Width 75%div><divclass="w-100 p-3"style="background-color:#eee;">Width 100%div>

Ejemplo 3: miniaturas de imágenes de bootstrap

In addition to our border-radius utilities, you can use 
.img-thumbnail to give an image a rounded 1px border appearance.

<imgsrc="..."alt="..."class="img-thumbnail">

Ejemplo 4: imagen de perfil de bootstrap

<imgsrc="..."alt="..."class="img-thumbnail">

Ejemplo 5: Bootstrap de la clase img

<imgsrc="cinqueterre.jpg"class="img-circle"alt="Cinque Terre"><imgsrc="cinqueterre.jpg"class="img-rounded"alt="Cinque Terre"><imgsrc="cinqueterre.jpg"class="img-thumbnail"alt="Cinque Terre">

Ejemplo 6: tamaño de la imagen de arranque

.food1 img 
    width:100%;
    height: 230px;

Aquí tienes las reseñas y valoraciones

Si para ti ha resultado de ayuda este artículo, te agradeceríamos que lo compartas con más juniors de este modo nos ayudas a dar difusión a nuestro contenido.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *