El mejor tutorial de la imagen de arranque en 2024. En este tutorial podrás aprender Ejemplos,<Img> clase,imagen sensible,Ejemplos,
En este capítulo, vamos a aprender el apoyo de arranque para una foto. Bootstrap ofrece tres pueden ser aplicados a la simple clase de estilo de imagen:
Considere los siguientes ejemplos demuestran:
Los resultados son los siguientes:
Las siguientes clases están disponibles a cualquier imagen.
categoría | descripción | Ejemplos |
---|---|---|
.img-redondeado | Adición de un filete de imagen (IE8 no es compatible) | probar |
.img-círculo | La imagen se hace circular (IE8 no es compatible) | probar |
.img-miniatura | miniaturas | probar |
.img sensible | Imágenes de respuesta (escalará bien al elemento padre) | probar |
Por etiqueta <img> para añadir la clase de apoyo imagen .img sensible para hacer el diseño de respuesta. Las imágenes se escalan bien al elemento padre.
.img sensible clase max-width: 100%; y la altura: auto; estilo se aplica en la imagen: