Antrium A35D

Bir sonraki için en iyisini yap...

Arama Sonuçları : Boostrap 5

Boostrap Açılışta Modal Göstermek, Boostrap 5 Modal popup

HTML KODLARI; (Boostrap 5 içindir)
 

    <button type="button" id="mdlBTN" class="btn btn-primary d-none" data-bs-toggle="modal" data-bs-target="#myModal">-</button>
        <div class="modal modal-lg class fade" id="myModal">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header py-2"><h6 class="modal-title">Başlık</h6><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
                    <div class="modal-body">Detay</div>

                </div>
            </div>
        </div>

Devamı →

boostrap 5 accordion scroll to top of active, bootstrap 5 accordion tıklanınca ekrana sabitleme

bootstrap 5 accordion tıklanınca ekrana sabitleme yapmak için aşağıdaki kodu kullanıyoruz.

 

 $('.collapse').on('shown.bs.collapse', function (e) {
                var $card = $(this).closest('.accordion-item');
                var $open = $($(this).data('parent')).find('.collapse.show');

                var additionalOffset = 0;
                if ($card.prevAll().filter($open.closest('.accordion-item')).length !== 0) {
                    additionalOffset = $open.height();
                }
                $('html,body').animate({
                    scrollTop: $card.offset().top - additionalOffset
                }, 500);
            });

Devamı →

Boostrap 5 Sadece Mobilde gizleme, Boostrap 5 Sadece Mobilde gösterme

Boostrap 5 Sadece Mobilde gizleme

d-none d-sm-block

Boostrap 5 Sadece Mobilde gösterme

d-block d-sm-none

Devamı →