<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<title>Responsive Image</title>
<meta charset="utf-8" />
<style>
#wrapper{
border: 1px solid #ccc;
width: 80%;
margin:20px;
}
#myDiv
{
height:auto;
width:auto;
}
#myDiv img
{
max-width:100%;
max-height:100%;
margin:auto;
display:block;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="myDiv">
<img src="http://i65.tinypic.com/25p4msl.jpg" border="0" alt="Image and video hosting by TinyPic"></a>
</div>
</div>
