Correction : Dans un premier temps ajoutons les balises et les styles Bootstrap permettant de définir le positionnement en grille. En rouge les éléments ajoutés.

<html>
    <head>
        ...
    </head>   
    <body>
        <div class="container-fluid> <!-- définit une grille -->
            <h1>Ma première page bootstrap</h1>
            <div class="row"> <!-- définit une ligne pour les articles -->
                <div class="col-md-4"> <!-- définit une colonne, sa largeur et son point de rupture -->
                    <article>
                        ....
                    </article>
                </div>
                <div class="col-md-4"> <!-- définit une colonne, sa largeur et son point de rupture -->
                    <article>
                        ....
                    </article>
                </div>
                <div class="col-md-4"> <!-- définit une colonne, sa largeur et son point de rupture -->
                    <article>
                        ....
                    </article>
                </div>
            </div>
            <hr>
            <div class="row"> <!-- définit une ligne pour les sections -->
                <div class="col-md-6"> <!-- définit une colonne, sa largeur et son point de rupture -->
                    <section>
                        ....
                    </section>
                </div>
                <div class="col-md-6"> <!-- définit une colonne, sa largeur et son point de rupture -->
                    <section>
                        ....
                    </section>
                </div>
            </div>
        </div>  
    </body>

Vous devriez obtenir l'affichage

Pour compléter ce premier exercice il suffit de définir des styles spécifiques pour les articles et sections. On placera la définition de ces styles dans un élément style défini dans l'élément head du document.

<!DOCTYPE html>
<html>
    <head>
        ...
        <!-- styles de bootstrap 4 récupérés sur un CDN -->
        <link rel="stylesheet" 
              href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" 
              integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" c
              rossorigin="anonymous">
        <!-- styles pour la page -->
        
        <style>
            /* styles communs aux articles et aux sections */
            article, section  {
                padding: 10px;
                border-radius: 15px;
                margin-bottom: 10px;
                text-align: justify;
            }
            /* styles spécifiques aux articles */
            article {
                background-color: bisque;
            }
            /* styles spécifiques aux sections */
            section {
                background-color: lavender;
            }
        </style>
        
    </head>
    <body>
    ...