FezVrasta/bootstrap-material-design — pull request #113 by npvn (2014-10-12 11:01:23+00:00)
Title: Add styling for cards (first draft)

This is my implementation of [cards](http://www.google.com/design/spec/components/cards.html), inspired by the work of [Kevin Gimbel](http://codepen.io/kevingimbel/pen/GCDep).

In this first version, I only have styling for square cards. Later we can add other types of cards (rectangle cards, cards with solid color as background,...).

A card will expand to fill all of the available width (e.g. column's width). Card's height will be automatically resized to match width.

Here is an example on how to use it:

```html

Lorem Ipsum Dolor

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Share
Learn More

```

Cards will adapt to column's width. The card below will have width equal to `col-lg-6`:
```html

...

```

For demo, visit [material.meteor.com](http://material.meteor.com) and scroll down to the 'Cards' section. Note that the flat buttons on that demo page are different from what we're having now. I will submit another PR for buttons later.

Note: I'm having trouble adding the click ripple effect on card's image. The class I added on [line 7](https://github.com/npvn/bootstrap-material-design/compare/FezVrasta:develop...card?expand=1#diff-ddd979003beabc725be6208094237874R7) of `material.js` doesn't seem to work.