Lancement fenêtre modale sur le lien cliquez sur? Bootstrap 3

Donc, je suis en train de faire ce site pour un ami à moi, un simple passe-temps.
J'ai mis en œuvre la "Boucle" de bootstrap thème de WrapBootstrap.com --> lien: https://wrapbootstrap.com/theme/loop-agency-and-personal-theme-WB053H4T4

Toutefois, en vertu de la section "Services" il y a un "Lire la suite" pour chaque section. Mais par défaut, ce lire la suite link ne rien faire ?

J'aimerais beaucoup qu'il ouvre une fenêtre modale avec un certain texte (d'où "en savoir plus").

J'ai essayé et essayé, mais je n'arrive pas à le faire fonctionner. Comment voulez-vous aborder cette tâche? Comment dois-je mettre en œuvre?

Vous pouvez voir mon live, version de travail à: http://flixberg.dk/Kasper_fysio/index.html

Comment puis-je obtenir le "Lire la suite" des boutons pour lancer une fenêtre modale qui contient la "en Lire plus" de texte?

Merci beaucoup.

Le code en question, est la suivante, où vous pouvez voir le "en savoir plus" :

<!-- SERVICES -->
        <div id="services" class="section darker services" >
            <div class="container">
                <div class="section-heading">
                    <h2>SERVICES</h2>
                    <p>Når kun det bedste er godt nok - din krop og fysik er min priroritet</p>
                    <hr />
                </div>
                <div class="section-content">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="service-item">
                                <span class="icon-heart service-icon"></span>
                                <div class="service-text">
                                    <h3>Idrætsskader</h3>
                                    <p>Behandling af idrætsskader er væsentligt for din fremtidige præstation. Med omhyggelig behandling og genoptræning hos Kasper Bisgaard kommer du hurtigt på fode igen, og vi hjælper selvfølgelig med at forebygge nye skader.</p>
                                    <a href="#" class="read-more"><span>Read more ...</span> <i class="i fa fa-arrow-circle-right"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
InformationsquelleAutor Daniel J. Bertelsen | 2014-06-15
  1. 6

    Avez-vous découvrez getbootstrap.com?

    Ils donnent des exemples de ce que vous cherchez à droite sur la page.
    http://getbootstrap.com/javascript/#modals

    Par Exemple

    <!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Launch demo modal
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>
    • Yup, je l'ai fait. Mais je ne peux tout simplement pas comprendre comment les combiner et intégrer le code fourni à l' "en savoir plus" sur le site que je suis en train de construire. Comment dois-je contourner cela? Et que dire de la ci-dessus modal id"modal fade") et la classe ("myModal") - je crois que ce ne sont pas des Amorçage par défaut id/classes?
    • Vous donner la Modale d'une pièce d'identité que vous voulez. Et puis dans le bouton set data-target="#[ModalID de la Pop"]" Par exemple, vous modal a ID="readMoreModal1" vos données-cible pour le bouton déclencheur serait data-target='#readMoreModal1". Vous pouvez soit créer un autre modal pour la lecture de chaque bouton plus ou de modifier le contenu d'un modal lorsque le bouton est cliqué. Mon travail, les blocs de votre site sinon j'irais le regarder.
    • Problème résolu! Je l'ai eu!!!! Yay!!!! 😀
    InformationsquelleAutor Tony