<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Bootstrap Site</title>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous">
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/" crossorigin="anonymous"></script>
</head>
<body>
<h1>Hello-Bootstrap</h1>
<div class="col p-4 d-flex flex-column position-static ">
    <strong class="d-inline-block mb-2 text-primary">Utility</strong>
    <h3 class="mb-0">Featured post</h3>
    <div class="mb-1 text-muted">Nov 12</div>
    <p class="card-text mb-auto">This is a wider card with supporting text below as a natural
        lead-in to additional content.</p>
    <a href="#" class="stretched-link">Continue reading</a>
</div>
</body>
</html>

<div class="col p-4 d-flex flex-column position-static ">
    <strong class="d-inline-block mb-2 text-primary">Utility</strong>
    <h3 class="mb-0">Featured post</h3>
    <div class="mb-1 text-muted">Nov 12</div>
    <p class="card-text mb-auto">This is a wider card with supporting text below as a natural
        lead-in to additional content.</p>
    <a href="#" class="stretched-link">Continue reading</a>
</div>