Twitter Bootstrapモダルをネストする方法はありますか？

Question

私は最初、例えばの子であるとして第二のモーダルを識別するための方法が必要です：

.modal .modal { 
    /*change some styles to make nested modal look different*/ 
} 

私は最初のものの中に第二のモーダルのHTMLを配置しても、ブラウザの負荷をブートストラップコンパイル彼らは#wrapperの外に独立して座る。

例えば、私はこのようにそれを設定します

<div id="wrapper"> 
    <div class="modal"> 
    <div class="modal"></div> 
    </div> 
</div> 

しかし、ブラウザの負荷に私はこれを取得：

<div id="wrapper"></div> 
<div class="modal"></div> 
<div class="modal"></div> 

は、だから私のCSS（.modal .modal）deosnt仕事を。

私は子供のモーダルをどのように特定できるか知っていますか？

（IDを置くことができますが、これらのモーダルは他のページで共有され、スタンドアロンの[入れ子になっていない]モーダルとして表示されるため、IDを直接スタイリングすることはできません）。

Answer 1

モーダルを介してモーダルを開くことができます。それはあなたの問題を解決する必要があります:)

Answer 2

私はJQueryでこれを行うにはあまりにもエレガントな方法を見つけましたが、より良い提案に開いています。

$(".modal [data-toggle='modal']").each(function(index) { 
     $(this).click(function() { 
      var modalref = $(this).attr('data-target'); 
      $(modalref).addClass('child-modal'); 
     }); 
    }); 
    $('.modal [data-dismiss="modal"]').click(function() { 
     $('.modal').removeClass('child-modal'); 
    });