Images

We can add classes to an <img> element for image manipulation using built-in CSS styles:

<img src="..." alt="..." class="img-rounded">
<img src="..." alt="..." class="img-circle">
<img src="..." alt="..." class="img-thumbnail">

The preceding code will create the following images:

Images

Note

Note that Internet Explorer 8 lacks support for rounded corners in images.

Icons (Glyphicons)

Glyphicons are small icons used to help the user understand the meaning of a function. For example, an e-mail will have an envelope icon, search would have a magnifying glass icon, and so on. Some Glyphicons are shown in the following diagram:

More than 250 Glyphicons in ...

Get Web Developer's Reference Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.