如何使用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的介绍 ，不支持多个开放模式，但是需要自定义代码才能使其起作用。