Image Classes in Bootstrap

Publicado em: 20 Maio 2017
no canal de: sk Coders
309
7

Create responsive images by adding an .img-responsive class to the img tag. The image will then scale nicely to the parent element.The .img-responsive class applies max-width: 100%, height: auto, and display:block to the image.


Create rounded corner images by adding an .img-rounded class to the img tag.

Create circle images by adding an .img-circle class to the img tag.

Create thumbnail images by adding an .img-thumbnail class to the img tag.

Positioning Images:

1) .Center
With the CSS class center-block you can center images in
Bootstrap.

2) .pull-left
Images can be aligned to the left. The text will then flow around the image.

3) .pull-right
Images can be aligned to the right. The text will then flow around the image.


Nesta página do site você pode assistir ao vídeo on-line Image Classes in Bootstrap duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário sk Coders 20 Maio 2017, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 309 vezes e gostou 7 espectadores. Boa visualização!