CodeLab
Show Output
 
xxxxxxxxxx
27
 
1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
<meta charset="utf-8">
5
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6
<meta name="viewport" content="width=device-width, initial-scale=1">
7
<title>Example of Bootstrap 3 Image Styling</title>
8
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
9
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
10
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
11
<style type="text/css">
12
    img{
13
        margin: 10px;
14
    }
15
    .bs-example{
16
        margin: 20px;
17
    }
18
</style>
19
</head> 
20
<body>
21
<div class="bs-example"> 
22
    <img src="/examples/images/125x125.jpg" class="img-rounded" alt="Rounded Image">
23
    <img src="/examples/images/125x125.jpg" class="img-circle" alt="Circular Image">
24
    <img src="/examples/images/125x125.jpg" class="img-thumbnail" alt="Thumbnail Image">
25
</div>
26
</body>
27
</html>
 
Switch to SQL Mode

Share this example with Facebook, Twitter, Gmail. Please give us a Like, if you find it helpful.