Image Styles

Add image styling with simple classes.

Rounded
An image of an emu with rounded corners

Circle
A circular image of an emu

Bordered
An image of an emu with a border

Polaroid
An image of an emu with thick white borders and a drop shadow

Rounded
<img class="img-rounded" src="#">

Circle
<img class="img-circle" src="#">

Bordered
<img class="img-border" src="#">

Polaroid
<img class="img-polaroid" src="#">

Combining Styles

You can combine classes for additional styling options.

An circular image of an emu with thick white borders and a drop shadow

<img class="img-circle img-polaroid" src="#">

Browser Support

Because IE 8 and lower do no support the border-radius property, .img-rounded and .img-circle will not work in those browsers.

Snapshot is fully supported by IE 9 and higher, and all modern browsers.