Core Code
Core Code Modern Dev Handbook

Bootstrap Card

Display content blocks using the Bootstrap card component.

Preview

Code

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>

<div class="container py-5">

<div class="card" style="width:18rem;">
<div class="card-body">
<h5 class="card-title">Card Title</h5>
<p class="card-text">Cards are flexible content containers.</p>
<a href="#" class="btn btn-primary">Action</a>
</div>
</div>

</div>

</body>
</html>

More BS5 HOME Examples (7)

example Bootstrap Basic Page open example example Bootstrap Container Layout open example example Bootstrap Buttons open example example Bootstrap Alerts open example example Bootstrap Two Column Grid open example example Bootstrap Simple Navbar open example example Bootstrap Spacing Utilities open example