Bootstrap-Images | codebasti

Bootstrap Images

By using bootstrap we add images like round cornered or circular images, or give them effect like thumbnails.

Ex.

…

<style type="text/css">

.bs-example{

margin: 20px;

}

img{

margin-right: 20px;

}

</style>

</head>

<body>

<div class="bs-example">

<img src="/examples/images/nkr.svg" class="rounded" alt="Rounded Image">

<img src="/examples/images/nkr.svg" class="rounded-circle" alt="Circular Image">

<img src="/examples/images/nkr.svg" class="img-thumbnail" alt="Thumbnail Image">

</div>

</body>

First show in image in round image, second in circle and third in thumbnail.