Thursday, August 24, 2017

Form Bootstrap


Muhammad Aqshol Rifanza - Kali ini saya akan berbagi cara membuat form dengan bootstrap.

Membuat Form Pada Bootstrap
Ada tiga model form :
  • Form dengan model Vertikal
    Form dengan model vertikal ini merupakan form default Bootstrap
  • Form dengan model Inline
    Form dengan model inline adalh sebuah form yang label dan form inputnya terletak sebaris
  • Form dengan model Horizontal
    Form dengan model horizontal merupakan form yang memiliki bentuk horizontal. Artinya posisi label dan input form terletak Horizontal
Untuk membuat form dengan Bootstrap sobat dapat menggunakan class "form-control" pada tag <input>, <textarea>, <select> dan element form yang bisa digunakan lainya.

Membuat Form Vertikal




Membuat Form Inline



Membuat Form Horizontal



Kesimpulan
Bootstrap telah menyediakan class form yang responsive dan terlihat modern dan kita tinggal mengkreasikanya sesuai kita.

Referensi
  • http://www.script-kiddies.org
  • http://www.malasngoding.com
  • http://www.w3school.com

0 comments:

Post a Comment