Bootstrap Image को Support करता है. Bootstrap मे तीन Classes होती है जिनका उपयोग Images को कुछ Simple Style मे लागू करने के लिए किया जाता है.
Rounded Corners
Circle
Thumbnail
Image के Border को Rounded Corners करने के लिये .img-rounded class का उपयोग करते है.
<!DOCTYPE html>
<html>
<head>
<title>Rounded Corners Images</title>
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="/scripts/jquery.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<img src="/bootstrap/images/img-rounded.png" class="img-rounded">
</body>
</html>
Image को Circle Shapes देने के लिये .img-circle class का उपयोग करते है.
<!DOCTYPE html>
<html>
<head>
<title>Circle Images Example</title>
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="/scripts/jquery.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<img src="/bootstrap/images/img-circle.png" class="img-circle">
</body>
</html>
Image को Thumbnail Shapes देने के लिये .img-thumbnail class का उपयोग करते है.
<!DOCTYPE html>
<html>
<head>
<title>Rounded Corners Images</title>
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="/scripts/jquery.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<img src="/bootstrap/images/img-thumbnail.png" class="img-thumbnail">
</body>
</html>