Hallo
sahabat-sahabatku, maaf ya udah lama nda nge-blog lagi tapi, jangan kwatir pada
saat ini saya akan membagikan materi tentang Bootstrap. Mungkin Anda akan yang
masih permula akan penasaran apa itu Boostrap?? Nah, disini itu saya akan
menjelaskan pengertian dan bagaimana kita menggunakan Bootstrap.
Apa
itu Bootstrap ? Bootstrap adalah Bootstrap adalah front-end framework yang solek,
bagus dan luar biasa yang mengedapankan tampilan untuk mobile device
(Handphone, smartphone dll.) guna mempercepat dan mempermudah pengembangan
website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah
untuk dikembangkan. Untuk apa itu Bootstrap ? Bootstrap merupakan
framework untuk membangun desain web secara responsif. Artinya, tampilan web
yang dibuat oleh bootstrap akan menyesuaikan ukuran layar dari browser yang
kita gunakan baik di desktop, tablet ataupun mobile device. Fitur ini bisa
diaktifkan ataupun dinon-aktifkan sesuai dengan keinginan kita sendiri.
Sehingga, kita bisa membuat web untuk tampilan desktop saja dan apabila
dirender oleh mobile browser maka tampilan dari web yang kita buat tidak bisa
beradaptasi sesuai layar. Dengan bootstrap kita juga bisa membangun web dinamis
ataupun statis.
Ok langsung saja ya teman2, saya
akan langsung ke kodingannya. Silahkan menikmati.
1. Sebelum kita masuk dalam koding nya terlebih dahulu Anda harus memiliki file Bootstrapnya dengan mengunjungi link berikut : http://getbootstrap.com/ . Kalau udah di download maka buatlah dalah satu folder untuk mempermudah kita mengakses filenya.
2. Pada kesempatan ini, saya akan share tentang untuk membuat form, table, dan image ditambah lagi ketiganya akan dibuat dalam 3 kolom. Berikut kodingannya
3 Setelah kita sudah menulis koding untuk buat formnya, baru kita membuat koding untuk membuat tablenya, berikut potongan kodingnya :
4. Langkah keempat, kita akan membuat koding untuk menampilkan image, berikut scriptnya :
5. Langkah yang kelima adalah simpanlah semua scriptnya ( catatan : satukan semua script dalam satu file contoh : index.html ). Kalau Anda sudah mengetik dengan benar semua scriptnya maka anda akan melihat tampilan sebuah web yang bersifat lebih bagus.
Demikianlah tutorial saya pada kesempatan ini, saya berharap saudara2 dapat memahaminya dengan baik dan saya sadar masih banyak hal yang harus kita pelajari. Oleh karena itu, mari kita lebih semangat lagi. Ok..!!!!!!!!!!
Demikianlah tutorial saya pada kesempatan ini, saya berharap saudara2 dapat memahaminya dengan baik dan saya sadar masih banyak hal yang harus kita pelajari. Oleh karena itu, mari kita lebih semangat lagi. Ok..!!!!!!!!!!