[Çözüldü] Modal div bootstrap

Yazılım Genel

Son Cevaplar gön: Murat güler 4 yıl önce

5 Yazılar

2 Üyeler

0 Likes

2,422 Görüntüleme

RSS

Murat güler

(@muratguler)

Gönderiler: 313

Honorable Member

Konu başlatıcı

Merhaba

Web sitesi üzerinde iç içe modal açmak istiyorum. modallar içerisinde de başka modallar açmak istiyorum. bunu nasıl yapabilirim?

Teşekkürler

Gönderildi : 23/12/2019 16:02

Ali UYSAL

(@aliuysal)

Gönderiler: 292

Üye

Merhabalar; Bunun gibi birşey mi arıyorsunuz?

<div id="stack1" class="modal fade" tabindex="-1" data-focus-on="input:first" 
style="display: none;">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
</button>
    <h4 class="modal-title">Stack One</h4>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
    <p>One fine body…</p>
    <p>One fine body…</p>
    <input class="form-control" type="text" data-tabindex="1">
    <input class="form-control" type="text" data-tabindex="2">
    <button class="btn btn-default" data-toggle="modal" href="#stack2">
Launch modal</button>
  </div>
  <div class="modal-footer">
    <button type="button" data-dismiss="modal" class="btn btn-default">
Close</button>
    <button type="button" class="btn btn-primary">Ok</button>
  </div>
</div>
 
<div id="stack2" class="modal fade" tabindex="-1" data-focus-on="input:first" 
style="display: none;">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
</button>
    <h4 class="modal-title">Stack Two</h4>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
    <p>One fine body…</p>
    <input class="form-control" type="text" data-tabindex="1">
    <input class="form-control" type="text" data-tabindex="2">
    <button class="btn btn-default" data-toggle="modal" href="#stack3">Launch modal
</button>
  </div>
  <div class="modal-footer">
    <button type="button" data-dismiss="modal" class="btn btn-default">Close</button>
    <button type="button" class="btn btn-primary">Ok</button>
  </div>
</div>
 
<div id="stack3" class="modal fade" tabindex="-1" data-focus-on="input:first" 
style="display: none;">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
</button>
    <h4 class="modal-title">Stack Three</h4>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
    <input class="form-control" type="text" data-tabindex="1">
    <input class="form-control" type="text" data-tabindex="2">
  </div>
  <div class="modal-footer">
    <button type="button" data-dismiss="modal" class="btn btn-default">Close
</button>
    <button type="button" class="btn btn-primary">Ok</button>
  </div>
</div>