Bootstrap-image

Shapes of image

Circle

responsive image

Recatangle

responsive image

Rounded

responsive image

Thumbnail

responsive image

Circle image

for giving circle shape of image be use .img-circle class

Example

<img src="flo.jpg" class="img-responsive img-circle" alt="responsive image" width="200px">

Output

responsive image

Rectangle

for giving rectangle shape of be use .img-rectangle class

Example

<img src="natuer (22).jpg" class="img-responsive img-rectangle" alt="responsive image" width="200px">

Output

responsive image

Rounded

for giving rounded shape of be use .img-rounded class

Example

<img src="natuer (35).jpg" class="img-responsive img-rounded" alt="responsive image" width="200px">

Output

responsive image

Thumbnail

Example

<div class = "row">
<div class = "col-sm-6 col-md-3">
<a href = "flo.jpg" class = "thumbnail>
<img src = "flo.jpg" alt = "Generic placeholder thumbnail">
</a>
</div>
<div class = "row">
<div class = "col-sm-6 col-md-3">
<a href = "flo.jpg" class = "thumbnail>
<img src = "flo1.jpg" alt = "Generic placeholder thumbnail">
</a>
</div>

Output