Referência de imagens CSS do Bootstrap
Imagens de inicialização
Cantos arredondados:
Círculo:
Miniatura:
<img> Aulas
As classes abaixo podem ser usadas para estilizar qualquer imagem:
| Class | Description | Example |
|---|---|---|
| .img-rounded | Adds rounded corners to an image (not available in IE8) | |
| .img-circle | Shapes the image to a circle (not available in IE8) | |
| .img-thumbnail | Shapes the image to a thumbnail | |
| .img-responsive | Makes an image responsive (will scale nicely to the parent element) |
Imagens responsivas
Crie imagens responsivas adicionando uma .img-responsiveclasse à <img>tag. A imagem será então dimensionada bem para o elemento pai.
A .img-responsiveclasse se aplica max-width: 100%, height: autoe display:blockà imagem:
Exemplo
<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">