Bootstrap image style

Image shape

We can use different mask to style an image.


<!DOCTYPE HTML>
<html> 
<head> 
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
</head><!--from www .  ja v a  2 s .c o m-->
<body style='margin:20px;'>

<img src="http://java2s.com/style/download.png" class="img-rounded">
<img src="http://java2s.com/style/download.png" class="img-circle">
<img src="http://java2s.com/style/download.png" class="img-thumbnail">


</body>
</html>

Click to view the demo





















Home »
  Bootstrap »
    Bootstrap Tutorial »




Introduction
Basic HTML Style
List
Table
Form
Layout
Navigation Bar
Button
Control