Cards

<!-- Början av en Bootstrap-kortkomponent -->
<div class="card" style="width: 200px;">
    <!-- Bilden högst upp på kortet -->
    <img src="https://dummyjson.com/image/200x100" class="card-img-top" alt="...">
    <!-- Kortets kropp som innehåller titel, text och knapp -->
    <div class="card-body">
        <!-- Kortets titel -->
        <h5 class="card-title">Card title</h5>
        <!-- Kortets textinnehåll -->
        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
        <!-- En knapp som kan länka till en annan sida -->
        <a href="#" class="btn btn-primary">Go somewhere</a>
    </div>
</div>

Kort exempel

A card in Bootstrap 5 is a bordered box with some padding around its content. It includes options for headers, footers, content, colors, etc. Create a card by using the .card class in a div element

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere