Mall för en Bootstrap sida


<!DOCTYPE html>
<html lang="en">
    <head>       
        <meta charset="utf-8">
        <!-- Gör att sidan är responsiv och anpassar sig till olika skärmstorlekar 
            name="viewport": Anger att denna meta-tagg handlar om viewporten, vilket är den synliga delen av en webbsida i en webbläsare.
            content="width=device-width": Ställer in bredden på viewporten till enhetens bredd. Detta gör att sidan 
                anpassar sig till bredden på den enhet som används, oavsett om det är en mobiltelefon, surfplatta eller dator.
            initial-scale=1": Ställer in den initiala zoomnivån till 1. Detta innebär att sidan visas med en normal 
                zoomnivå när den först laddas.
        -->
        <meta name="viewport" content="width=device-width, initial-scale=1">        
        <title>Bootstrap demo - inkludera JS och CSS</title>        
    
        <!-- Inkluderar Popper.js, som används för att hantera poppers (tooltips, dropdowns, etc.) -->
        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
                integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
                crossorigin="anonymous"></script>
        
        <!-- Inkluderar Bootstrap CSS för att använda Bootstrap-stilar -->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
        
        <!-- Inkluderar Bootstrap JavaScript-->
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
    </head>
    <body>
        <!-- Skapar en responsiv container med fixerad bredd -->
        <div class="container">
            <!-- En rubrik som använder Bootstrap-stilar för en H1 tagg -->
            <h1>Min första bootstrap sida</h1>
        </div>        
    </body>
</html>