クリックストラップでモーダルボタンをクリックする方法

Question

私はブートストラップでモーダルを開くクリック可能なdivを持っていますが、内側にはモーダルも開くボタンがあります。 ボタンをクリックすると、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

ブートストラップdocsによると、複数のオープンモーダルはサポートされていますが、それは機能するためにカスタムコードを必要とされていません。