Pengenalan Bootstrap

Bootstrap adalah sebuah framework untuk HTML, CSS dan Javascript. Banyak template website dab aplikasi android dibuat menggunakan Bootstrap. Bootstrap merupakan framework yang sangat mudah untuk digunakan. Hanya dengan meletakkan nama class maka design bootstrap dapat diterapkan pada design HTML.

Sebelum menggunakan Bootstrap, pertama - tama kita download dulu file pendukungnya yang dapat kita download di https://getbootstrap.com/ sehingga akan dimuncul tampilan home page Bootstrap sebeperti gambar dibawah

setelah halaman Home page terbuka akan ditampilkan versi Bootstrap terbaru. Pada gambar saya diatas terlihat versi Bootstrapnya V.4.2.1. Tidak hanya versi Bootstrap yang ditampilkan. Ada juga Button Download. Untuk mendownload File Bootstrap klik Button Download. Maka akan tampil Halaman sebagai berikut 

Setelah terbuka halaman download diatas maka akan ditampilkan 2 button download yaitu

1. Compiled CSS dan JS
   Pada Compiled CSS dan JS terdapat file yang sudah ter kompilasi dan terkompresi serta siap dipakai untuk mendesign website dengan Bootstrap.
2. Source Files
   
   Pada Source File terdapat file - file yang dapat dikembangkan lagi. Namun untuk mengembangkannya membutuhkan tool tertentu dan compiler Sass.

Untuk para pemula, cukup download Compiled CSS dan JS  dan diextract sehingga didapatkan file sebagai berikut

terdapat 2 folder yang ada dalam paket Bootstrap yaitu CSS dan JS

gambar diatas merupakan isi dari folder CSS. dan untuk Folder JS berisi file - file sebagai berikut

untuk percobaan design website dengan bootstrap, kita cukup menggunakan bootstrap.min.css
Berikut contoh penggunaan Bootstrap pada contoh

sehingga dihasilkan design web seperti gambar berikut

Sekian dulu pengenalan Bootstrap, baca artikel selanjutnya untuk mengenal Bootstrap lebih dalam lagi.

Untuk yang belum faham dengan artikel diatas dapat juga dilihat di video berikut

Materi - Materi selanjutnya

1. Pengenalan Struktur File Bootstrap