APA ITU BOOTSTRAP ?
Bootstrap adalah sebuah framework CSS yang menyediakan kumpulan komponen-komponen antarmuka dasar pada web yang telah dirancang sedemikian rupa untuk digunakan bersama-sama. Selain komponen antarmuka, Bootstrap juga menyediakan sarana untukmembangunlayout halaman dengan mudah dan rapi, serta modifikasi pada tampilan dasar HTML untuk membuat seluruh halaman web yang dikembangkan senada dengan komponen-komponen lainnya.Bootstrap dibuat untuk memberikan sekumpulan perangkat yang dapat digunakan untuk membangun website sederhana dengan mudah.
Bagaimana Cara instalasi Bootstrap ?
Untuk menggunakan Boostrap pada aplikasi kita, tentunya kita harus memiliki Bootstrap terlebih dahulu. Buka website resmi Bootstrap, http://getbootstrap.com/ dan klik tombol "Download Bootstrap" untuk memulai download bootstrap.
Selesai download, anda akan memiliki file bootstrap.zip yang berisi
file-file yang dibutuhkan untuk menggunakan Bootstrap. Ekstrak
file tersebut pada tempat yang sama
dengan bootstrap.html, sehingga sekarang kita memiliki file seperti
berikut:
Yang masing - masing direktori berisi :
- bootstrap.css
- bootstrap.min.css
- bootstrap-responsive.css
- bootstrap-responsive.min.css
2. Direktori "img memiliki dua buah
file didalamnya yaitu :
- glyphicons-halflings.png
- glyphicons-halflings-white.png
3. Direktori "js" memiliki dua buah file didalamnya yaitu :
- bootstrap.js
- bootstrap.min.js
Jika sudah, Selanjutnya :
- BUKA APLIKASI NOTEPAD++
- BERI NAMA LATIHANBOOTSTRAP.HTML
- KEMUDIAN COPY SCRIPT HTML PROGRAM INI
BERIKUT
CONTOH SCRIPT HTML UNTUK MEMBUAT TAMPILAN SEPERTI FACEBOOK :
Setelah itu simpan file tersebut dan jalankan.
Jika benar
maka hasil Outputnya Seperti ini.
Sekian dari saya, Semoga berman faat...
