Bootstrap Mod...

Bootstrap Modal Kullanımı

13173
0
PAYLAŞ

Bootstrap Modal ile Bootstrap dışında farklı kaynaklara gerek kalmadan, ziyaretçinizi de yormadan birbirinden ilginç şeyler yapabilir; kolaylıklar sağlayabilirsiniz.

Modal nasıl oluşturulur?

Basit bir şekilde modal nasıl oluşturulur, aşağıdaki adımları inceleyelim.

Kendin Dene >>

Örnek modal kullanımı
Örnek modal kullanımı
  • data-toggle=”modal” modal penceresini açar.
  • data-target=”#myModal” birden fazla modal var ise ayrıştırıcısıdır.

Modal Boyutları

Modalın boyutlarını değiştirmek istiyorsanız ihtiyacınız olan sadece büyük mü yapacaksınız yoksa küçük mü ona karar vermektir. Eğer modalı olduğundan büyük hale getirmek istiyorsanız .modal-lg class’ını, küçük hale getirmek istiyorsanız .modal-sm class’ını kullanacaksınız. Bu class’ları ise .modal-dialog class’ının yanına ekleyeceksiniz.

***Eğer bu iki class’dan ikisini de eklemezseniz, Bootstrap’in atamış olduğu orijinal boyutta açılacaktır.

Küçük Modal

Küçük Modal’ı Dene >>

Büyük Modal

Büyük Modal’ı Dene >>

BİR YORUM YAP