Search within TutorialsPark

Twitter Bootstrap Images


To add and style images on webpages using bootstrap


Twitter Bootstrap: Images

1. To add images on the webpage use element <img> , it has three classes to apply simple styles to images.

.img-rounded : To add rounded corners around the edges of the image, radius of the border is 6px.

.img-circle : To create a circle of radius is 500px

.img-thumbnail : To add some padding with grey border , making the image look like a polaroid photo.

Example: Twitter Bootstrap Images

Give it a TRY! »