Tutorial Bootstrap #1
Jadi apasih bootstrap itu?
Bootstrap adalah framework CSS yang dapat membantu membuat tampilan website. Didalamnya bootstrap menyiapkan komponen yang siap digunakan, jadi kita tidak harus mengetikan kode css dari awal.
di kutip dari petanikode bootstrap awalnya dikembangkan oleh developer twitter, lalu dibuat open source agar semua dapat menggunakannya.
Menyiapkan Project Bootstrap
Sebenarnya ada beberapa macam cara untuk menyiapkan project bootstrap, karna saya menggunakan Windows, maka saya akan memberikan contoh mudahnya.
Pertama, teman-teman buka website getbootstrap.com , dihalaman awal website bootstrap teman-teman akan disuguhkan dengan 2 pilihan, Get Started dan Download , jika teman-teman tidak ingin mendownload file bootstrapnya teman-teman bisa menggunakan bootstrap dengan online (menggunakan internet setiap membuka) melalui Get Strarted. Jika teman-teman ingin medownloadnya silahan perhatikan tutorialnya.
#DOWNLOAD
klik tombol download , lalu download file compiled css and js, dan tunggu sampai proses download selesai. (lihat gambar di bawah)
Setelah berhasil di download, silahkan kalian extract filenya , "agar lebih mudah memahami tutorial ini, kalian buat folder baru berinama 'tutorial' dan extract file zip nya di dalam folder tutorial, lalu ubah nama foldernya menjadi 'bootstrap' agar lebih mudah di gunakan".
Setelah semuanya selesai sekarang kalian bisa gunakan bootstapnya.
#GET STARTED
Jika kalian tidak ingin mendownloadnya kalian bisa langsung memulainya dengan sangat mudah, kalian hanya tinggal klik 'get started' pada halaman getbootstrap.com .
Setelah di bawa kelahaman introduction kalian tinggal scroll/cari 'starter template' copy-paster code nya ke dalam code editor kalian, dan bootstrap siap digunakan.
Tapi perlu diketahui, jika kalian ingin membuka halaman yang kalian buat dengan boostsrap kalian harus selalu terhubung dengan internet.
Post a Comment