Bootstrap Imagens
Cantos arredondados:
Círculo:
Miniatura:
<img> Classes
As classes abaixo pode ser usado para denominar qualquer imagem:
| Classe | Descrição | Exemplo |
|---|---|---|
| .img-rounded | Adiciona cantos arredondados para uma imagem (não disponível no IE8) | Tente |
| .img-circle | Molda a imagem para um círculo (nao disponível no IE8) | Tente |
| .img-thumbnail | Molda a imagem para uma miniatura | Tente |
| .img-responsive | Faz uma imagem sensível (irá dimensionar bem para o elemento pai) | Tente |
Imagens Responsive
Criar imagens que respondem pela adição de um .img-responsive classe para o <img> tag. A imagem será então dimensionar bem para o elemento pai.
O .img-responsive classe aplica max-width: 100% , height: auto , e display:block para a imagem: