​x
 
1
<!DOCTYPE html>
2
<title>My Example</title>
3
​
4
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
5
​
6
<style>
7
body {
8
padding-top: 1em;
9
}
10
</style> <div class="container-fluid">
11
12
<div class="card" style="max-width: 202px;">
13
​
14
<!-- Image -->
15
<img class="card-img-top" src="/pix/samples/12s.jpg" alt="Photo of sunset">
16
​
17
<!-- Text Content -->
18
<div class="card-body">
19
<p class="card-text">Well it was good while it lasted...</p>
20
</div>
21
​
22
</div>
23
​
24
</div>
25
26
<!-- Bundled -->
27
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>