Örneklerle Bootstrap Öğreniyorum – Formlar

Bootstrap serimizin 2. si olan örneklerle bootstrap öğreniyorum serimize hoşgeldiniz. Bu derslerimizde bootstrapda kullandığımız nesnelerle ilgili örnekleri paylaşacağım. Örneklerimizi dilediğiniz gibi kullanabilirsiniz. bootstrap form ile derslere başlayalım.

Bootstrap Formlar

Bootstrap form her cihazda bozulmayan yapısı sayesinde eski formların yerini almıştır. Örneğin sayfanıza bir üye kayıt formu eklemek istiyorsunuz. Artık cep telefonunda form düzgün görüntülenecek mi diye kaygılanmanıza gerek yok. Esnek form elemanlarıyla işiniz çok kolay. Buyrun formları örneklerle inceleyelim.

bootstrap form

Öncelikle size yatay ve dikey form oluşturmayı göstereceğim. Yatay ve dikey form örneklerini incelebileceğiniz sayfamız:

https://ornekler.kodleon.com/bootstrap/formlar/form1.html

Bootstrap Dikey Form

Bu örnekte form elemanları ve elemanlara ait etiketler alt altadır.

bootstrap form

Bootstrap Yatay Form

Form Elemanları ve etiketleri yatay hizalanmıştır.

bootstrap form

Yatay ve Dikey form oluşturmayı öğrenmiş olduk. Şimdi form elemanlarını tanıyarak devam edelim.

Bootstrap Form Elemanları

Form elemanları sayfamıza https://ornekler.kodleon.com/bootstrap/formlar/form2.html dan ulaşabilirsiniz. Bütün form elemanlarını burada inceleyeceğiz.

Temel Form Elemanları

Sık kullanılan form elemanlarını bu listeye ekledim. Yukarıdaki form2.html linkinden ulaşabilirsiniz.

bootstrap form

Form Elemanlarını Ölçeklendirme

bootstrap form elemanlarının ölçeklendirilmesini  örnekten görebilirsiniz.

https://ornekler.kodleon.com/bootstrap/formlar/form3.html

bootstrap form2

 

Leave a Reply

%d blogcu bunu beğendi: