5.00 / 1 oy

Sayfa açılışında Bootstrap popup nasıl yapılır?

Sayfa açılışında pop-up olarak gösterilecek subscribe görseli için bootstrap 3 ya da bootstrap 4 modal örneği html ve css'i lazım. Çalışır bir tasarımı hem html ve css olarak, hem de sayfa açılışında otımatik olarak çıkacak şekilde verecek js kodlarını paylaşabilir misiniz?

mbologlu

23.06.2019 12:24

Bu soru 1 kez yanıtlandı.

  • 25 Haziran 2019 13:25
    24

    Bootstrap modal için HTML Tasarımı:

    <div class="modal hide fade" id="denemeModal">
      <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <h3>Başlık</h3>
      </div>
      <div class="modal-body">
        <p>Buraya görsel img'si gelecek</p>
      </div>
      <div class="modal-footer">
        <a href="#" class="btn btn-primary">Güncelle</a>
      </div>
    </div>

    Bu modal'ın ister JQuery ile açılışta görünmesini sağlarsınız;

    <script type="text/javascript">
        $(window).on('load',function(){
            $('#denemeModal').modal('show');
        });
    </script>

    İsterseniz de bir buton yardımıyla tıklama eylemi neticesinde görünmesini sağlayabilirsiniz:

    <a class="btn btn-success" data-toggle="modal" href="#denemeModal" >Modal'ı Göster</a>

     

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
Sayfa açılışında Bootstrap popup nasıl yapılır?

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.