Blog

In this guide, we will discuss Images in Bootstrap. This chapter covers the Bootstrap support for images. Bootstrap provides three classes that can be used to apply some simple styles to images −

• .img-rounded − adds border-radius:6px to give the image rounded corners.
• .img-circle − makes the entire image round by adding border-radius:500px.
• .img-thumbnail − adds a bit of padding and a gray border −

The following example demonstrates this −

<img src = "/bootstrap/images/download.png" class = "img-rounded">
<img src = "/bootstrap/images/download.png" class = "img-circle">
<img src = "/bootstrap/images/download.png" class = "img-thumbnail">

Next Topic : Click Here