1.
Pengertian Bootstrap
Bootstrap adalah front-end
framework yang solek, bagus dan luar biasa yang mengedapankan tampilan untuk
mobile device (Handphone, smartphone dll.) guna mempercepat dan mempermudah
pengembangan website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai
dan mudah untuk dikembangkan.
2.
Kegunaan
Bootstrap
Bootstrap merupakan framework untuk
membangun desain web secara responsif. Artinya, tampilan web yang dibuat oleh
bootstrap akan menyesuaikan ukuran layar dari browser yang kita gunakan baik di
desktop, tablet ataupun mobile device. Fitur ini bisa diaktifkan ataupun
dinon-aktifkan sesuai dengan keinginan kita sendiri. Sehingga, kita bisa
membuat web untuk tampilan desktop saja dan apabila dirender oleh mobile
browser maka tampilan dari web yang kita buat tidak bisa beradaptasi sesuai
layar. Dengan bootstrap kita juga bisa membangun web dinamis ataupun statis.
Mari kita belajar membat Bootstrap !
Bukalah alamat http://www.layoutit.com/
Setelah muncul tampilan seperti berikut, lalu klik Start Now (Boleh menggunakan with Bootstrap 3 ataupun with Bootstrap 2)
Setelah tampilan yang seperti berikut
muncul, Anda bisa klik Clear (Lihat yang dilingkari) untuk menghapus
semua desain baris dan kolom yang ada.
Lalu Anda bisa mulai mendesain kolom dan baris
sesuai dengan yang kalian butuhkan dengan menggumakan menu yang telah
disediakan dibagian kiri. (Lihat bagian yang saya lingkari)
Masukan kolom, baris, gambar, button, ataupun text sesuai kebutuhan Anda. Ambilah dari menu yang telah disediakan.
Sedikit tutorial untuk mempermudah pemahaman
Kurang lebih seperti inilah hasilnya.
Itu hasil pertama saya.
Selamat mencoba dan semoga berhasil :)
Terimakasih
0 komentar:
Posting Komentar