如何使用Bootstrap单击可单击模式div内的模态按钮

Question

我有一个可点击的div，用Bootstrap打开一个模态，但在里面我有一个打开模态的按钮。 结果是，当我点击按钮时，它也会打开div模式。 怎么解决它？如何将按钮设置在div的顶部？

<div class="mydiv" data-toggle="modal" data-target="#divclick">
    <h2>My Clickable div</h2>

    <button id="other_details" type="button" style="margin-top:9px;float:center;" class="btn btn-info btn-sd" data-toggle="modal" data-target="#MoreDetails">More details</button>

<!-- Modal More Details-->
<div id="MoreDetails" class="modal fade" role="dialog">
<!-- Modal Code-->
...
</div>


</div>

<div id="divclick" class="modal fade" role="dialog">
<!-- Modal Code-->
...
</div>

Answer 1

根据Bootstrap docs，不支持多个开放模态，但它需要自定义代码才能使其正常运行。