Understanding Twitter Bootstrap Image Classes with Examples
Twitter Bootstrap Framework provides so much of ready-made plug-ins and components for comprehensive web design. What does it offer to handle images? Speaking, Bootstrap tends to display images without border by default. It also provides some special image classes that can be used for styling them in your web projects. Twitter Bootstrap Image Classes List Bootstrap 3 comes with three styles of image classes for you to style the images . img-rounded - Turns out all four corners of the image to rounded corner edges. img-circle - Turns images into a complete circle or oval shape. To get a circular image use square images (of equal width and height) else you will end up with somewhat oval shaped images. img-thumbnail - Makes thumbnail of the image. Here the image will span to the full width of its container. You can use this class to build thumbnail image gallery. Style Images with Bootstrap Image Classes By simply using these image classes with html <img> element, ...