kss-bootstrap/styleguide/css/image/image.css

A KSS template and style guide for Bootstrap.

/*
Images

There are a number of ways to expose images.

Weight: 7

Styleguide: bootstrap.css.image
*/

/*
Responsive images

Images in Bootstrap 3 can be made responsive-friendly via the addition of the <code>.img-responsive</code> class. This applies <code>max-width: 100%;</code> and <code>height: auto;</code> to the image so that it scales nicely to the parent element.

Markup:
<img src="http://placehold.it/140x140" class="img-responsive" alt="Responsive image">

Styleguide: bootstrap.css.image.responsive
*/

/*
Image shapes

Add classes to an <code>&lt;img&gt;</code> element to easily style images in any project.

Markup:
<img src="http://placehold.it/140x140" alt="..." class="{{modifier_class}}">

.img-rounded - Rounded
.img-circle - Circle
.img-thumbnail - Thumbnail

Styleguide: bootstrap.css.image.shape
*/