Pengertian Framework Bootstrap dan Contohnya

Buat proyek seluler yang responsif dan responsif di web dengan pustaka komponen front-end paling populer di dunia.

Bootstrap adalah toolkit open source untuk dikembangkan dengan HTML, CSS, dan JS. Cepat prototipe ide-ide Anda atau membangun seluruh aplikasi Anda dengan variabel Sass dan mixins, sistem jaringan responsif, komponen prebuilt ekstensif, dan plugin kuat yang dibangun di jQuery.

Hampir semua developer website menggunakan framework bootstrap agar memudahkan dan mempercepat pembuatan website. Karena semuanya sudah ada dalam frameworknya sehingga para develop / pengembang hanya tinggal membuat / menyisipkan class nya yang ingin dipakai seperti membuat tombol, grid navigasi dan lain sebagainya.

Bootstrap telah menyediakan kompulan aturan dan komponen class interface dasar sebagai modal dalam pembuatan web yang telah dirancang sangat baik untuk memberikan tampilan yang sangat menarik, bersih, ringan dan memudahkan bagi penggunanya. Dan penggunaan bootstrap ini kita juga diberikan keleluasan salama pengembangan website, anda bisa merubah dan menambah class sesuai dengan keinginan.

Berikut link dokumentasi dan link download Bootstrap:

Link dokumentasi bootstrap

https://getbootstrap.com/docs/4.1/getting-started/introduction/

Link download bootstrap

https://getbootstrap.com/docs/4.1/getting-started/download/

CARA MEMASANG BOOTSTRAP

1. Donwload terlebih dahulu file bootstrapnya pada link diatas.
   Setelah selesai mendownload maka kita akan mendapatkan sebuah file zip dengan nama bootstrap-(version terbaru)-dist.zip.
   
2. Extraxt file bootstrapnya Akan muncul sebuah folder dengan nama (misal download versi 3.3.6)  bootstrap-3.3.6-dist dan di dalamnya ada beberapa folder lagi yaitu css, js dan fonts. Jika file Bootstrap yang kamu download sama versinya dengan saat tulisan ini dibuat, maka kurang lebih seperti berikut isi file bootstrap-3.3.6-dist.zip yang telah diekstrak tadi.
   
3.  Bikin link css untuk bootstrap pada project anda.
   
   
   
   
   
   

   Untuk dokumentasi lebih lanjut kunjungi link dokumentasi diatas.
   
   Terimakasih, semoga bermanfaat. #salamlux

Share this post