Pada kesempatan kali ini saya akan menjelaskan cara membuat modal form dengan Bootstrap. Apa itu Bootstrap ? Bootstrap adalah platform yang dikembangkan oleh team twitter. Yang pertama kali muncul pada ajang hackweek dan kini sudah mulai penyempurnaan. Platform ini hanya menggunakan sedikit coding CSS dan JavaScript namun tetap bisa membuat website yang powerfull mengikuti perkembangan browser. Website yang menggunakan bootstrap akan menjadi website yang fleksibel, nyaman dan tentu saja cepat, bagi yang awam Bootstrap bisa di artikan sebagai wadah kerangka kerja yang di dalam nya sudah di sediakan berbagai macam kebutuhan pada umum nya, namun kebutuhan tersebut berupa selektor CSS yang di lengkapi dengan property nya sendiri.

Lantas.., Apa itu Modal ?

Modal adalah kotak dialog atau windows popup yang tampil di atas halaman saat ini, dan dari proses tampilan popup tersebut ada beberapa posisi, ada yang di mulai dari atas ke tengah, dari bawah ke tengah, dari kiri ke tengah, bahkan dari kanan ke tengah layar. Semua kebutuhan tersebut sudah di sediakan oleh Bootstrap dan bagi teman-teman yang ingin menggunakan nya, tinggal panggil klas tersebut. Lalu bagaimana cara penerapan nya ?

Untuk penerapan nya sangat mudah, berikut tahapan nya :

  • Download terlebih dahulu Bootstrap dengan versi terbaru saat ini yaitu versi.3.2 di link berikut ( Download )
  • Ektrak dan taruh dalam satu folder khusus.
  • Buka text editor teman-teman seperti sublime text, dreamweafer 8, dsb.
  • Buat file baru dengan nama index.html, dan masukan kode seperti di bawah ini ke dalam nya :

Untuk pembahasan selanjutnya, akan saya jelaskan cara membuat modal form dengan Bootstrap part-2, di sesi berikutnya, semoga bermanfaat.