Bootstrap Images

In this chapter we will learn 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:

<imgsrc="/bootstrap/images/download.png"

   class="img-rounded">

<imgsrc="/bootstrap/images/download.png"

   class="img-circle">

<imgsrc="/bootstrap/images/download.png"

   class="img-thumbnail">