Bootstrap – Images

Bootstrap - Images

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

This Post Has One Comment

Leave a Reply