Bootstrap Card Example

This is the card example from Get Bootstrap.

by Stephen Herd

HTML

<!doctype html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Jekyll v4.0.1">
    <title>Jumbotron Template · Bootstrap</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/4.5/examples/jumbotron/">

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">

  </head>

  <body>
    <div class="card" style="width: 16rem;">
      <div class="card-header text-center">Featured Pet</div>
      <img class="card-img-top" src="https://mywebtraining.net/articles/images/dog1.jpg" alt="Dog picture" />
      <h4 class="card-title text-center">Rafferty</h4>
      <div class="card-body">
        <p class="card-text">Puppies-to-go.</p>
        <a class="btn btn-primary" href="#">See more Dogs...</a>
      </div>
    </div>
  </body>

</html>