O melhor tutorial imagem Bootstrap em 2024. Neste tutorial você pode aprender Exemplos,<Img> class,imagem Responsive,Exemplos,
Neste capítulo, vamos aprender apoio Bootstrap para uma imagem. Bootstrap oferece três podem ser aplicadas à imagem classe de estilo simples:
Considere os exemplos que se seguem demonstram:
Os resultados são os seguintes:
As seguintes classes estão disponíveis a qualquer imagem.
categoria | descrição | Exemplos |
---|---|---|
.img-arredondada | Adicionando um filete de imagem (se o IE8 não suporta) | tentar |
.img-circle | O quadro torna-se circular (não IE8 não suporta) | tentar |
.img-thumbnail | miniaturas | tentar |
.img-responsive | Pictures Responsive (vai ser bem dimensionada para o elemento pai) | tentar |
Por tag <img> para adicionar classe de apoio imagem Img-responsivos para fazer design responsivo. Pictures irá dimensionar bem para o elemento pai.
.img-responsive classe max-width: 100%; e altura: auto; estilo é aplicado na imagem: