Question

<div class="col-sm-5 col-sm-offset-2">
        <div class="thumbnail">
            <img class="img-responsive" src="https://www.svdj.nl/wp-content/uploads/2015/10/18349600659.jpg">
            <div class="caption">
                <h2>Projects<strong></strong></h2>
                <p>
                <h3>PHP, Javascript, Elements, HTML/CSS en nog veel meer.. lees hier over de dagelijkse
                    werkzaamheden
                    en verantwoordelijkheden</h3>
                <!--button trigger modal-->
                <button href="#" class="btn btn-default" data-toggle="modal" data-target="modal">More!</button>
            </div>
        </div>
    </div>
</div>

<!--MODAL-->
<div class="modal" role="dialog">
    <div class="modal-dialog">
        <!-- Modal inhoud-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h3 class="modal-title">projecten</h3>
                <div class="modal-body">
                    <p class="modalText">
                        Als stagiare werd ik enorm gedrilt om heel veel competenties en kwaliteiten aan te leren.
                        Dit werd gedaan door elke dag bezig te zijn met verschillende cursussen en daarna resultaat
                        te leveren door middel van opdrachten. Hierdoor werd de kennis constant getoetst en kon
                        mijn begeleider zien of ik het wel had begrepen. Daarnaast was het voor hun een meting om
                        te kijken of ik het wel aan kon en voldoende capaciteiten had voor het bedrijf.

                    </p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Sluiten</button>
                </div>
            </div>
        </div>
    </div>
</div>

我制作了一个缩略图，其中有一个激活模态的按钮。但突然间它停止了工作，老实说，我不知道发生了什么。我没有删除任何东西，我一直在搜索我的代码错误，但我找不到它。

也许一些更有经验的编码员可以找到它，因为我是一个完整的菜鸟..

Answer 1

modal-target的属性需要选择器将其更改为

<button href="#" class="btn btn-default" data-toggle="modal" data-target=".modal">More!</button>

我的模态按钮不再起作用了

1 个答案: