patternfly/tests-src/cards.html

This reference implementation of PatternFly is based on [Bootstrap v3](http://getbootstrap.com/). Think of PatternFly as a "skinned" version of Bootstrap with additional components and customizations.

---
categories: [Layouts]
css-extra: false
layout: cards
resource: true
title: Cards
url-js-extra: ['!URL_COMPONENTS!matchHeight/jquery.matchHeight-min.js']
weight: 8
---
{% include layouts-navbar-primary.html %}
    <div class="container-fluid container-cards-pf">
{% include cards.html %}
    </div><!-- /container -->
    <script>
      $(function() {
        // matchHeight the contents of each .card-pf and then the .card-pf itself
        $(".row-cards-pf > [class*='col'] > .card-pf .card-pf-title").matchHeight();
        $(".row-cards-pf > [class*='col'] > .card-pf > .card-pf-body").matchHeight();
        $(".row-cards-pf > [class*='col'] > .card-pf > .card-pf-footer").matchHeight();
        $(".row-cards-pf > [class*='col'] > .card-pf").matchHeight();
        // initialize tooltips
        $('[data-toggle="tooltip"]').tooltip();
      });
    </script>