Cara Menggunakan Bootstrap

 Bagaimana Cara Menggunakan Bootstrap?

 

Bagaimana Cara Menggunakan Bootstrap?

 

1. Download Bootstrap di http://getbootstrap.com/getting-started/.
2. Buat Dokumen HTML.
3. Tambahkan Meta Tag Responsif.
4. Pilih Kontainer. Container untuk ukuran lebar tetap, container-fluid untuk mengisi seluruh lebar viewport.
5. Membuat tabel dengan Bootstrap tanpa perlu mengetikkan berbaris-baris kode, Anda hanya perlu menggunakan class “table” yang ada di dalam file Bootstrap. Mengatur tampilan gambar dengan Bootstrap. Anda dapat membuat gambar yang responsif atau gambar yang berbentuk lingkaran dengan menggunakan class seperti “.img-responsive”, “.img-rounded”, ”img-circle”, dan ”img-thumbnail”.
6. Membuat panel dengan Bootstrap. Jika ingin menampilkan pesan peringatan (alert), Anda bisa menggunakan class “alert” yang berisi pesan peringatan yang ingin dibuat.
7. Membuat tombol dengan Bootstrap. Anda dapat membuatnya dengan mudah di Bootstrap, cukup gunakan class “btn” saja.
8. Membuat pesan peringatan dengan Bootstrap . Anda dapat membuat panel yang berisi header, body dan footer. Caranya dengan menggunakan class “panel”.