Twitter bootstrap 3 点击链接启动模式窗口？引导程序3

所以，我为我的朋友制作这个网站，只是作为一种爱好。 我已经从WrapBootstrap.com-->链接实现了“循环”引导主题：

但是，在“服务”部分下，每个部分都有一个“阅读更多”功能。但默认情况下，此“阅读更多”链接不起任何作用

我非常希望它弹出一个带有一些额外文本的模式窗口（因此“阅读更多”）

我试了又试，但似乎无法使它发挥作用。你将如何完成这项任务？我应该如何实施它

您可以在以下位置查看我的实时工作版本：

如何让“阅读更多”按钮启动包含“阅读更多”文本的模式窗口

多谢各位

下面是相关代码，您可以在其中看到“阅读更多”：

服务
Når kun det be godt nok-din krop og fysik er min priroritet


伊德尔·奥斯卡德尔
为din fremtidige præstation处理af idrætskader er væsentligt。在福雷比格·尼耶·斯卡德尔的医院里，医生们正在处理基因治疗

您是否查看了getbootstrap.com

它们在页面上给出了您要查找的内容的示例。

例如

启动演示模式
&时代；
情态标题
...
接近
保存更改

您是否查看了getbootstrap.com

它们在页面上给出了您要查找的内容的示例。

例如

启动演示模式
&时代；
情态标题
...
接近
保存更改

是的，是的。但我就是不知道如何将提供的代码组合/集成到我正在构建的站点上的“阅读更多”按钮。我该怎么做呢？那么上面显示的模态id（“模态淡入”）和类（“myModal”）呢？我相信它们不是引导默认id/类？你给模态一个你想要的id。然后在按钮中设置data target=“#[ModalID to Pop”]”例如，您的modal具有ID=“readMoreModal1”按钮触发器的数据目标将是data target='#readMoreModal1”。您可以为每个“阅读更多”按钮创建不同的模式，也可以在单击按钮时更改一个模式的内容。我的工作阻塞了你的网站，否则我会去看看。是的，我去了。但我就是不知道如何将提供的代码组合/集成到我正在构建的站点上的“阅读更多”按钮。我该怎么做呢？那么上面显示的模态id（“模态淡入”）和类（“myModal”）呢？我相信它们不是引导默认id/类？你给模态一个你想要的id。然后在按钮中设置data target=“#[ModalID to Pop”]”例如，您的modal具有ID=“readMoreModal1”按钮触发器的数据目标将是data target='#readMoreModal1”。您可以为每个“阅读更多”按钮创建不同的模式，也可以在单击按钮时更改一个模式的内容。我的工作阻塞了你的网站，否则我会去看看。

<!-- 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>