Bootstrap v4 Primary Card with Header / Footer

This is an unfinished bootstrap view of v4 with header and footer in an primary card

by Tobias

HTML

<script src="https://code.jquery.com/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.2/css/bootstrap.min.css">
<div class="container">
  <div class="row">
    <div class="col-md-12">
       <div class="card card-inverse card-primary text-xs-center">
            <div class="card-header card-inverse">
                Demo Card Header
            </div>
            <div class="card-block">
                <blockquote class="card-blockquote">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
                    <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
                </blockquote>
            </div>
            <div class="card-footer text-muted">
                2 days ago
            </div>
        </div>
    </div>       
  </div>
</div>