GusCSS - Documentation des Modales

Exemple de Modale

Exemple de Code

<!-- Bouton pour ouvrir la modale -->
      <button class="btn btn-primary" data-target="#exampleModal">Open Modal</button>
      
      <!-- Modale -->
      <div id="exampleModal" class="modal">
        <div class="modal-content">
          <div class="modal-header">
            <h2 class="modal-title">Modal Title</h2>
            <button class="popin-dismiss">×</button>
          </div>
          <div class="modal-body">
            <p>Contenu de la modale ici. Vous pouvez inclure du texte, des images, ou tout autre contenu HTML.</p>
            <!-- Exemple de grille à l'intérieur de la modale -->
            <div class="container">
              <div class="row">
                <div class="col-md-6">
                  <p>Colonne 1: Ceci est du contenu dans la première colonne.</p>
                </div>
                <div class="col-md-6">
                  <p>Colonne 2: Ceci est du contenu dans la deuxième colonne.</p>
                </div>
              </div>
              <div class="row">
                <div class="col-md-4">
                  <p>Colonne 3: Plus de contenu dans une colonne plus petite.</p>
                </div>
                <div class="col-md-4">
                  <p>Colonne 4: Encore plus de contenu ici.</p>
                </div>
                <div class="col-md-4">
                  <p>Colonne 5: Dernière colonne avec du contenu.</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>