<html>
<head>
<title>Images with circle with Bootstrap 3</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="/try/bootstrap/v3/dist/css/bootstrap.min.css" rel="stylesheet" media="screen">
<style>
body {
padding: 50px
}
</style>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<img src="/media/uploads/2013/12/image-with-circle.png" alt="image without circle shape">
<img src="/media/uploads/2013/12/image-with-circle.png" alt="image with circle shape" class="img-circle">
<script src="https://code.jquery.com/jquery.js"></script>
<script src="/try/bootstrap/v3/dist/js/bootstrap.min.js"></script>
</body>
</html>