Bootstrap 5.3 Cards 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Bootstrap 5.3 Cards Example</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css">
</head>
<body>
  <div class="container">
    <h2>Bootstrap 5.3 Cards Example</h2>

    <div class="card" style="width: 18rem;">
      <img src="https://devniti.com/wp-content/uploads/2023/05/course3.jpg" class="card-img-top" alt="Image">
      <div class="card-body">
        <h5 class="card-title">Card Title</h5>
        <p class="card-text">This is a sample card with some example text.</p>
        <a href="#" class="btn btn-primary">Read More</a>
      </div>
    </div>
  </div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
</body>
</html>

Code Output

Bootstrap 5.3 Cards Example

Bootstrap 5.3 Cards Example

Image
Card Title

This is a sample card with some example text.

Read More

Cards

Bootstrap provides a versatile and responsive card component that allows you to display content in an organized and visually appealing manner. Cards are used to showcase information, images, and other media in a structured layout.