Image Classes in Bootstrap

Publicado el: 20 mayo 2017
en el 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.


En esta página del sitio puede ver el video en línea Image Classes in Bootstrap de Duración hora minuto segunda en buena calidad , que subió el usuario sk Coders 20 mayo 2017, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 309 veces y le gustó 7 a los espectadores. Disfruta viendo!