#html: Bootstrap #CSS Images Reference by w3schools.com

fuente: http://www.w3schools.com/bootstrap/bootstrap_ref_css_images.asp

Responsive Images

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:

Example
<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">
codigo completo

The .img-responsive class makes the image scale nicely to the parent element (resize the browser window to see the effect):

<!DOCTYPE html>
<html>
<head>
<meta name=»viewport» content=»width=device-width, initial-scale=1″>
<link rel=»stylesheet» href=»http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css»>
https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js
http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js
</head>
<body>

Image

The .img-responsive class makes the image scale nicely to the parent element (resize the browser window to see the effect):

img src=»cinqueterre.jpg» class=»img-responsive» alt=»Cinque Terre» width=»304″ height=»236″>

</body>
</html>

 

Deja una respuesta

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Salir /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Salir /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Salir /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Salir /  Cambiar )

Conectando a %s