Apa sih Bootstrap itu?

 

Bootstrap – Untuk memudahkan pembuatan web yang lebih powerfull dalam hal tampilan, para web desainer banyak yang menggunakan bootstrap. Karena dinilai lebih mudah dan flexible untuk diaplikasikan dari pada membuat suatu coding dari awal. Namun sebagian pemula masih belum mengetahui apa sih bootstrap itu? Kelebihannya apa? Instalasinya gimana?

Apasih Bootstrap itu?

Bootstrap adalah sebuah front-end framework css yang dapat digunakan untuk membangun tampilan web yang bagus dan luar biasa dengan mengedepankan tampilan untuk mobile device seperti Handphone, smartphone dan sebagainya. Yang bertujuan untuk mempercepat dan mempermudah pengembangan website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan sesuai dengan kebutuhan.

Bootstrap pertama kali  di kembangkan pada pertangahan 2010 di Twitter oleh Mark Otto dan Jacob Thornton. Dan pertama kali muncul pada ajang hackweek dan kini sudah mulai penyempurnaan. Bootstrap dibangun dengan teknologi HTML, CSS dan JavaScript yang dapat membuat layout halaman website, tabel, tombol, form, navigasi, dan komponen lainnya dalam sebuah website hanya dengan memanggil fungsi CSS (class) dalam berkas HTML yang telah didefinisikan. Selain itu juga terdapat komponen-komponen lainnya yang dibangun menggunakan JavaScript.

Bootstrap juga memudahkan pengaturan website bagi mereka yang pemula atau kurang mahir dalam membuat coding. Sekumpulan javascript dan CSS yang dibutuhkan untuk banyak sekali widget ada dalam satu file yang terus di update oleh pengembang. Pemilik website tidak akan lagi disibukkan dengan pengaturan css atau javascript berlebihan. Mereka hanya perlu menentukan gadget atau elemen apa yang ingin ditampilkan dalam bentuk HTML standart bootstrap yang sangat simple. Untuk mendownload file Bootstrap silahkan download di http://getbootstrap.com/getting-started/.

Fitur-fitur pada Bootstrap

1. css/bootstrap.css berisi style dasar (reset, layout, typography, button) bawaan bootstrap.
2. css/bootstrap-responsive.css berisi setting responsive desain atau untuk membuat style bootstrap menjadi responsive.
3. css/bootstrap-min.css adalah versi compressed dari bootstrap.css.
4. css/bootstrap-responsive-min.css adalah versi compressed dari bootstrap-responsive.css
5. img/glyphicons-halflings.png adalah icon yang digunakan pada bootstrap dengan teknik spriting.
6. img/glyphicons-halflings-white.png adalah icon yang digunakan pada bootstrap dengan teknik spriting.
7. js/bootstrap.js adalah javascript untuk mengaktifkan berbagai fitur keren bawaan bootstrap.
8. js/bootstrap-min.js adalah versi compressed dari bootstrap-min.js.

Kelebihan Bootstrap

• Web yang menggunakan bootstrap lebih rapi, ringan dan lebih flexible.
• Beberapa template bootstap gratis.
• Koding bootstrap mudah dipelajari.
• Pembuatan template dengan bootrap lebih singkat, karena elemen-elemen yang diperlukan website pada umumnya sudah tersedia dalam bootstrap.
• pengguna dapat mengakses dengan mudah informasi dan fungsi warna, variabel, dan operasi penggunaan.

Kekurangan Bootstrap

• Minim gambar karena menggunakan CSS3.
• Belum mampu memberikan tampilan yang sesuai di semua web browser.
• Membuat pengguna menjadi kurang kreatif karena terpaku dengan coding yang dikembangkan oleh developer.

Share on Google Plus

About Adi

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.